ColorTool
Se connecter
#233333

#233333 ≈ Gunmetal

  • cyan
  • Luminosité: très faible
  • Saturation: atténuée
  • Froide
Vérifier le contraste Explorer dans le graphe Couleur aléatoire

#233333 est une couleur de la famille « cyan », avec une luminosité très faible et une saturation atténuée. Dans le modèle RGB, elle se compose de 13,73 % de rouge, 20 % de vert et 20 % de bleu ; imprimée en CMJN, elle utilise 31,37 % de cyan, 0 % de magenta, 0 % de jaune et 80 % de noir. Son angle de teinte est de 180°, avec 18,6 % de saturation et 16,86 % de luminosité en HSL. C’est une couleur froide, souvent associée à la fraîcheur, la technologie et la clarté. Les designers l’utilisent souvent pour la santé et le bien-être, les produits technologiques et les identités d’entreprise. Un texte blanc sur cette couleur atteint un rapport de contraste de 13,18:1 (WCAG AAA). La couleur nommée la plus proche est Gunmetal (#2a3439), ΔE 5,02.

Description générée à partir des propriétés mesurées de cette couleur.

HEX
RGB
RGB en pourcentage
CMY
CMYK
HSL
HSV / HSB
Web sûr#333333
CIE-LAB
XYZ
xyY
CIE-LCH
CIE-LUV
Hunter-Lab
OKLab
Binaire
Décimal
Luminance relative0.0296

Complémentaire

  1. #233333
  2. #332323

Complémentaire divisé

  1. #233333
  2. #33232b
  3. #332b23

Analogue

  1. #23332b
  2. #233333
  3. #232b33

Triadique

  1. #233333
  2. #332333
  3. #333323

Tétradique

  1. #233333
  2. #232333
  3. #332323
  4. #333323

Carré

  1. #233333
  2. #2b2333
  3. #332323
  4. #2b3323

Monochrome

  1. #080c0c
  2. #080c0c
  3. #233333
  4. #426060
  5. #618e8e

Ombres

#233333 mélangé progressivement avec du noir.

  1. #233333
  2. #202e2e
  3. #1c2929
  4. #192424
  5. #151f1f
  6. #121a1a
  7. #0e1414
  8. #0b0f0f
  9. #070a0a
  10. #040505
  11. #000000

Teintes

#233333 mélangé progressivement avec du blanc.

  1. #233333
  2. #394747
  3. #4f5c5c
  4. #657070
  5. #7b8585
  6. #919999
  7. #a7adad
  8. #bdc2c2
  9. #d3d6d6
  10. #e9ebeb
  11. #ffffff

Tons

#233333 mélangé progressivement avec du gris.

  1. #233333
  2. #2c3b3b
  3. #364242
  4. #3f4a4a
  5. #485252
  6. #525a5a
  7. #5b6161
  8. #646969
  9. #6d7171
  10. #777878
  11. #808080

Texte lisible 13.18:1 AA ✓ AA Large ✓ AAA ✓ AAA Large ✓
Texte lisible 1.59:1 AA ✕ AA Large ✕ AAA ✕ AAA Large ✕

Achromatopsie #303030 ≈ 0.003% des hommes
Achromatomalie #2b3131 ≈ 0.001% des hommes
Protanopie #313133 ≈ 1.01% des hommes
Deutéranopie #2e2f33 ≈ 1.27% des hommes
Tritanopie #1e3433 ≈ 0.0001% des hommes
Protanomalie #2c3233 ≈ 1.08% des hommes
Deutéranomalie #2a3133 ≈ 4.63% des hommes
Tritanomalie #203433 ≈ 0.0002% des hommes
Simuler sur votre propre image

Texte de cette couleur

Fond de cette couleur

Bordure de cette couleur

Couleur du texte
.text-233333 {
  color: #233333;
}
Arrière-plan
.bg-233333 {
  background-color: #233333;
  color: #ffffff;
}
Bordure
.border-233333 {
  border: 2px solid #233333;
}
Variables CSS
:root {
  --color-primary: #233333;
  --color-primary-rgb: 35 51 51;
  --color-primary-hsl: 180 19% 17%;
}
Dégradé
.gradient-233333 {
  background: linear-gradient(135deg, #233333, #232b33);
}
Ombre colorée
.shadow-233333 {
  box-shadow: 0 8px 24px rgb(35 51 51 / 0.35);
}

#2a3439 Gunmetal ΔE 5.02 #353839 Onyx ΔE 7.02 #343434 Jet ΔE 8.29 #3b3c36 Black Olive ΔE 8.48 #36454f Charcoal ΔE 8.86 #414a4c Outer Space ΔE 8.86 #2f4f4f Dark Slate Gray ΔE 9.64 #dccccc Inversée #303030 Niveaux de gris 

Gunmetal
#233333  rgb(35, 51, 51)  hsl(180, 19%, 17%)  Gunmetal
#332323  rgb(51, 35, 35)  hsl(0, 19%, 17%)  Bistre
#332333  rgb(51, 35, 51)  hsl(300, 19%, 17%)  Licorice
#333323  rgb(51, 51, 35)  hsl(60, 19%, 17%)  Black Olive