Code couleur Sienne (#a0522d)

Sienne est #a0522d en hexadécimal et rgb(160, 82, 45) — un orange moyen. Ci-dessous : tous les formats de couleur, les teintes et nuances, les harmonies et la lisibilité du texte.

Mis à jour le

Sienne
#a0522d
Nom CSSsienna
Hex#a0522d
RGBrgb(160, 82, 45)
HSLhsl(19 56% 40%)
HWBhwb(19 18% 37%)
CMYK0%, 49%, 72%, 37%

Teintes et nuances

Harmonies chromatiques

À 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

AssociationRatio de contrasteWCAG
Texte sienne sur blanc5.62 : 1AA
Texte sienne sur noir3.74 : 1AA 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).

Questions fréquentes

Quel est le code hexadécimal de la couleur sienne ?
#a0522d, soit rgb(160, 82, 45) et hsl(19, 56%, 40%). En CSS, vous pouvez aussi simplement écrire sienna.
Le texte sienne est-il lisible sur blanc ?
Son ratio de contraste sur blanc est de 5.62 : 1, ce qui respecte le niveau WCAG AA pour un texte courant.
Quelles couleurs vont bien avec la sienne ?
Sa couleur complémentaire est #2d7b9f ; les couleurs analogues #9f2d42 et #9f8a2d se trouvent à côté sur le cercle chromatique.