#2222CC

#2222CC

Bleus · #22c est l’écriture abrégée à trois chiffres de #2222CC. En CSS les deux notations désignent la même couleur.

HEX#2222CC
RVB34, 34, 204
TSL240°, 71%, 47%
CMJN83%, 83%, 0%, 20%
Luminance relative0.06

Touchez un code pour le copier

Contraste du texte

Aa

Sur blanc

9.68:1 Conforme AA

Aa

Sur noir

2.17:1 Sous AA

Couleurs qui vont avec

Complémentaire

#CDCD23

Analogues

#2378CD#7823CD

Triade

#CD2323#23CD23

Échelle de tons

50100200300400500600700800

Vue avec un daltonisme

ProtanopieDeutéranopieTritanopie

Comment lire

  • Un code hex écrit le rouge, le vert et le bleu sur deux chiffres hexadécimaux chacun. #ff0000, c’est le rouge au maximum et le reste à zéro.
  • Le TSL donne la teinte (0–360°), la saturation et la luminosité. Éclaircir une couleur revient à changer un seul nombre : plus simple à régler à la main.
  • Le contraste suit la WCAG : 4.5:1 pour le texte courant, 3:1 pour les grands caractères. Le maximum possible est 21:1, entre blanc et noir.
  • La ligne daltonisme calcule l’aspect de cette couleur pour trois déficiences — la raison de ne jamais coder une information par la seule couleur.

Questions fréquentes

Q. #22c et #2222CC sont-elles la même couleur ?

Oui. CSS double chaque chiffre d’un hex à trois positions, donc #22c devient #2222CC. Seules 4 096 couleurs s’écrivent en trois chiffres, et celle-ci en fait partie.

Q. Quelle couleur de texte sur #2222CC ?

Du texte blanc. Le contraste avec le blanc est de 9.68:1 et avec le noir de 2.17:1 : prenez le plus grand. WCAG demande 4,5:1 en taille de texte courant.

Q. Quelle couleur nommée est la plus proche de #2222CC ?

Saphir. Ce n’est pas une correspondance exacte : quand la couleur compte, utilisez le code hex plutôt que le nom.

Couleurs nommées les plus proches