À propos de la couleur Sienne
Sienne (sienna) est un orange moyen, modérément saturé, de code hexadécimal #a0522d, soit rgb(160, 82, 45). En HSL, sa teinte est de 19°, avec une saturation de 56% et une luminosité de 40%. Elle fait partie des 148 couleurs nommées que tous les navigateurs reconnaissent : vous pouvez donc écrire color: sienna; à la place de la valeur hexadécimale.
Utiliser la couleur sienne pour le texte et les fonds
| Association | Ratio de contraste | WCAG |
|---|---|---|
| Texte sienne sur blanc | 5.62 : 1 | AA |
| Texte sienne sur noir | 3.74 : 1 | AA texte de grande taille uniquement |
Sur un fond sienne, utilisez un texte blanc (5.62 : 1). Le WCAG exige au moins 4.5 : 1 pour le texte courant et 3 : 1 pour les grands textes. Vérifiez d'autres associations avec le Vérificateur de contraste.
CSS
.element {
color: sienna; /* or #a0522d */
background-color: #a0522d;
border: 1px solid rgb(160 82 45 / 50%);
}
Couleurs nommées similaires
Brun selle (#8b4513), Brun (#a52a2a), Rouge brique (#b22222), Chocolat (#d2691e), Rouge indien (#cd5c5c), Jaune d'or foncé (#b8860b).
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.