ColorTool
Se connecter
#20202B

#20202b ≈ Rich Black

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

#20202b 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 16,86 % de bleu ; imprimée en CMJN, elle utilise 25,58 % de cyan, 25,58 % de magenta, 0 % de jaune et 83,14 % de noir. Son angle de teinte est de 240°, avec 14,67 % de saturation et 14,71 % 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,12:1 (WCAG AAA). La couleur nommée la plus proche est Rich Black (#010b13), ΔE 8,65.

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.0151

Complémentaire

  1. #20202b
  2. #2b2b20

Complémentaire divisé

  1. #20202b
  2. #2b2620
  3. #262b20

Analogue

  1. #20262b
  2. #20202b
  3. #26202b

Triadique

  1. #20202b
  2. #2b2020
  3. #202b20

Tétradique

  1. #20202b
  2. #2b202b
  3. #2b2b20
  4. #202b20

Carré

  1. #20202b
  2. #2b2026
  3. #2b2b20
  4. #202b26

Monochrome

  1. #09090c
  2. #09090c
  3. #20202b
  4. #414157
  5. #616183

Ombres

#20202b mélangé progressivement avec du noir.

  1. #20202b
  2. #1d1d27
  3. #1a1a22
  4. #16161e
  5. #13131a
  6. #101016
  7. #0d0d11
  8. #0a0a0d
  9. #060609
  10. #030304
  11. #000000

Teintes

#20202b mélangé progressivement avec du blanc.

  1. #20202b
  2. #363640
  3. #4d4d55
  4. #63636b
  5. #797980
  6. #909095
  7. #a6a6aa
  8. #bcbcbf
  9. #d2d2d5
  10. #e9e9ea
  11. #ffffff

Tons

#20202b mélangé progressivement avec du gris.

  1. #20202b
  2. #2a2a34
  3. #33333c
  4. #3d3d45
  5. #46464d
  6. #505056
  7. #5a5a5e
  8. #636367
  9. #6d6d6f
  10. #767678
  11. #808080

Texte lisible 16.12:1 AA ✓ AA Large ✓ AAA ✓ AAA Large ✓
Texte lisible 1.3:1 AA ✕ AA Large ✕ AAA ✕ AAA Large ✕

Achromatopsie #212121 ≈ 0.003% des hommes
Achromatomalie #212125 ≈ 0.001% des hommes
Protanopie #1d212b ≈ 1.01% des hommes
Deutéranopie #1d212b ≈ 1.27% des hommes
Tritanopie #1e2224 ≈ 0.0001% des hommes
Protanomalie #1e212b ≈ 1.08% des hommes
Deutéranomalie #1e202b ≈ 4.63% des hommes
Tritanomalie #1f2127 ≈ 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-20202b {
  color: #20202b;
}
Arrière-plan
.bg-20202b {
  background-color: #20202b;
  color: #ffffff;
}
Bordure
.border-20202b {
  border: 2px solid #20202b;
}
Variables CSS
:root {
  --color-primary: #20202b;
  --color-primary-rgb: 32 32 43;
  --color-primary-hsl: 240 15% 15%;
}
Dégradé
.gradient-20202b {
  background: linear-gradient(135deg, #20202b, #26202b);
}
Ombre colorée
.shadow-20202b {
  box-shadow: 0 8px 24px rgb(32 32 43 / 0.35);
}

#010b13 Rich Black ΔE 8.65 #1a1110 Licorice ΔE 9.06 #343434 Jet ΔE 9.43 #2a3439 Gunmetal ΔE 9.95 #100c08 Smoky Black ΔE 10.30 #353839 Onyx ΔE 10.35 #000000 Black ΔE 10.55 #dfdfd4 Inversée #212121 Niveaux de gris 

Rich Black
#20202b  rgb(32, 32, 43)  hsl(240, 15%, 15%)  Rich Black
#2b2b20  rgb(43, 43, 32)  hsl(60, 15%, 15%)  Black Olive
#2b2020  rgb(43, 32, 32)  hsl(0, 15%, 15%)  Licorice
#202b20  rgb(32, 43, 32)  hsl(120, 15%, 15%)  Phthalo Green