Code couleur chocolat (#d2691e)

Chocolat est #d2691e en hexadécimal et rgb(210, 105, 30) — un orange moyen. Ci-dessous : tous les formats de couleur, les teintes et nuances, les harmonies et la lisibilité du texte.

Mis à jour le

Chocolat
#d2691e
Nom CSSchocolate
Hex#d2691e
RGBrgb(210, 105, 30)
HSLhsl(25 75% 47%)
HWBhwb(25 12% 18%)
CMYK0%, 50%, 86%, 18%

Teintes et nuances

Harmonies de couleurs

À propos du chocolat

Chocolat (chocolate) est un orange moyen et vif, de code hexadécimal #d2691e, soit rgb(210, 105, 30). En HSL, il se situe à une teinte de 25°, une saturation de 75 % et une luminosité de 47 %. C'est l'une des 148 couleurs nommées que tous les navigateurs reconnaissent : vous pouvez donc écrire color: chocolate; à la place de la valeur hexadécimale.

Utiliser le chocolat pour le texte et les arrière-plans

AssociationRatio de contrasteWCAG
Texte chocolat sur blanc3.63 : 1AA grands textes uniquement
Texte chocolat sur noir5.78 : 1AA

Sur un arrière-plan chocolat, utilisez un texte en noir (5.78 : 1). Le WCAG exige au minimum 4.5 : 1 pour le texte courant et 3 : 1 pour les grands textes. Vérifiez d'autres associations avec le Contrast Checker.

CSS

.element {
  color: chocolate;               /* or #d2691e */
  background-color: #d2691e;
  border: 1px solid rgb(210 105 30 / 50%);
}

Couleurs nommées similaires

Verge d'or foncé (#b8860b), Pérou (#cd853f), Sienne (#a0522d), Verge d'or (#daa520), Tomate (#ff6347), Rouge indien (#cd5c5c).

Questions fréquentes

Quel est le code hexadécimal du chocolat ?
#d2691e — soit rgb(210, 105, 30) et hsl(25, 75%, 47%). En CSS, vous pouvez aussi simplement écrire chocolate.
Le texte chocolat est-il lisible sur blanc ?
Son ratio de contraste sur blanc est de 3.63 : 1, ce qui ne convient qu'aux grands textes (WCAG AA grands textes).
Quelles couleurs vont bien avec le chocolat ?
Sa couleur complémentaire est #1e87d2 ; les couleurs analogues #d21e2d et #d2c31e se trouvent à côté sur le cercle chromatique.