Code couleur marron (#a52a2a)

Marron est #a52a2a en hexadécimal et rgb(165, 42, 42) — un rouge moyen. Ci-dessous : tous les formats de couleur, les teintes et nuances, les harmonies et la lisibilité du texte.

Mis à jour le

Marron
#a52a2a
Nom CSSbrown
Hex#a52a2a
RGBrgb(165, 42, 42)
HSLhsl(0 59% 41%)
HWBhwb(0 16% 35%)
CMYK0%, 75%, 75%, 35%

Teintes et nuances

Harmonies de couleurs

À propos du marron

Marron (brown) est un rouge moyen, modérément saturé, de code hexadécimal #a52a2a, soit rgb(165, 42, 42). En HSL, sa teinte est de 0°, sa saturation de 59 % et sa luminosité de 41 %. Il fait partie des 148 couleurs nommées que tous les navigateurs reconnaissent, vous pouvez donc écrire color: brown; à la place de la valeur hexadécimale.

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

AssociationRatio de contrasteWCAG
Texte marron sur blanc7.08 : 1AAA
Texte marron sur noir2.96 : 1échec

Sur un fond marron, utilisez un texte blanc (7.08 : 1). Le WCAG exige au minimum 4.5 : 1 pour le texte courant et 3 : 1 pour les grands textes. Vérifiez d'autres combinaisons avec le Vérificateur de contraste.

CSS

.element {
  color: brown;               /* or #a52a2a */
  background-color: #a52a2a;
  border: 1px solid rgb(165 42 42 / 50%);
}

Couleurs nommées similaires

Fire Brick (#b22222), Sienna (#a0522d), Saddle Brown (#8b4513), Crimson (#dc143c), Dark Red (#8b0000), Maroon (#800000).

Questions fréquentes

Quel est le code hexadécimal du marron ?
#a52a2a — soit rgb(165, 42, 42) et hsl(0, 59%, 41%). En CSS, vous pouvez aussi simplement écrire brown.
Le texte marron est-il lisible sur blanc ?
Son ratio de contraste sur blanc est de 7.08 : 1, ce qui respecte le niveau WCAG AA pour le texte courant.
Quelles couleurs vont bien avec le marron ?
Sa couleur complémentaire est #2ba6a6 ; les couleurs analogues #a62b69 et #a6692b se trouvent à côté sur le cercle chromatique.