À 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
| Association | Ratio de contraste | WCAG |
|---|---|---|
| Texte chocolat sur blanc | 3.63 : 1 | AA grands textes uniquement |
| Texte chocolat sur noir | 5.78 : 1 | AA |
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).
Trouveur de nom de couleur
Collez un code HEX pour obtenir son nom le plus proche, lisible par un humain, ainsi que des noms de tokens propres pour votre CSS, SCSS, JavaScript ou votre configuration Tailwind.