ColorTool
Se connecter
#202018

#202018 ≈ Smoky Black

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

#202018 est une couleur de la famille « gris », avec une luminosité très faible et une saturation atténuée. Dans le modèle RGB, elle se compose de 12,55 % de rouge, 12,55 % de vert et 9,41 % de bleu ; imprimée en CMJN, elle utilise 0 % de cyan, 0 % de magenta, 25 % de jaune et 87,45 % de noir. Son angle de teinte est de 60°, avec 14,29 % de saturation et 10,98 % de luminosité en HSL. C’est une couleur neutre, souvent associée à la neutralité, l’équilibre et le professionnalisme. Les designers l’utilisent souvent pour le texte et la typographie et les identités d’entreprise. Un texte blanc sur cette couleur atteint un rapport de contraste de 16,39:1 (WCAG AAA). La couleur nommée la plus proche est Smoky Black (#100c08), ΔE 6,95.

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#333300
CIE-LAB
XYZ
xyY
CIE-LCH
CIE-LUV
Hunter-Lab
OKLab
Binaire
Décimal
Luminance relative0.0141

Complémentaire

  1. #202018
  2. #181820

Complémentaire divisé

  1. #202018
  2. #181c20
  3. #1c1820

Analogue

  1. #201c18
  2. #202018
  3. #1c2018

Triadique

  1. #202018
  2. #182020
  3. #201820

Tétradique

  1. #202018
  2. #182018
  3. #181820
  4. #201820

Carré

  1. #202018
  2. #18201c
  3. #181820
  4. #20181c

Monochrome

  1. #0c0c09
  2. #0c0c09
  3. #202018
  4. #4c4c39
  5. #77775a

Ombres

#202018 mélangé progressivement avec du noir.

  1. #202018
  2. #1d1d16
  3. #1a1a13
  4. #161611
  5. #13130e
  6. #10100c
  7. #0d0d0a
  8. #0a0a07
  9. #060605
  10. #030302
  11. #000000

Teintes

#202018 mélangé progressivement avec du blanc.

  1. #202018
  2. #36362f
  3. #4d4d46
  4. #63635d
  5. #797974
  6. #90908c
  7. #a6a6a3
  8. #bcbcba
  9. #d2d2d1
  10. #e9e9e8
  11. #ffffff

Tons

#202018 mélangé progressivement avec du gris.

  1. #202018
  2. #2a2a22
  3. #33332d
  4. #3d3d37
  5. #464642
  6. #50504c
  7. #5a5a56
  8. #636361
  9. #6d6d6b
  10. #767676
  11. #808080

Texte lisible 16.39:1 AA ✓ AA Large ✓ AAA ✓ AAA Large ✓
Texte lisible 1.28:1 AA ✕ AA Large ✕ AAA ✕ AAA Large ✕

Achromatopsie #1f1f1f ≈ 0.003% des hommes
Achromatomalie #20201d ≈ 0.001% des hommes
Protanopie #211f18 ≈ 1.01% des hommes
Deutéranopie #222018 ≈ 1.27% des hommes
Tritanopie #211f1e ≈ 0.0001% des hommes
Protanomalie #212018 ≈ 1.08% des hommes
Deutéranomalie #212018 ≈ 4.63% des hommes
Tritanomalie #211f1c ≈ 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-202018 {
  color: #202018;
}
Arrière-plan
.bg-202018 {
  background-color: #202018;
  color: #ffffff;
}
Bordure
.border-202018 {
  border: 2px solid #202018;
}
Variables CSS
:root {
  --color-primary: #202018;
  --color-primary-rgb: 32 32 24;
  --color-primary-hsl: 60 14% 11%;
}
Dégradé
.gradient-202018 {
  background: linear-gradient(135deg, #202018, #1c2018);
}
Ombre colorée
.shadow-202018 {
  box-shadow: 0 8px 24px rgb(32 32 24 / 0.35);
}

#100c08 Smoky Black ΔE 6.95 #343434 Jet ΔE 8.43 #000000 Black ΔE 9.01 #3b3c36 Black Olive ΔE 9.03 #1a1110 Licorice ΔE 9.51 #353839 Onyx ΔE 9.67 #2a3439 Gunmetal ΔE 10.99 #dfdfe7 Inversée #1f1f1f Niveaux de gris 

Smoky Black
#202018  rgb(32, 32, 24)  hsl(60, 14%, 11%)  Smoky Black
#181820  rgb(24, 24, 32)  hsl(240, 14%, 11%)  Rich Black
#182020  rgb(24, 32, 32)  hsl(180, 14%, 11%)  Gunmetal
#201820  rgb(32, 24, 32)  hsl(300, 14%, 11%)  Licorice