Code couleur Fire Brick (#b22222)

Fire Brick est #b22222 en hexadécimal et rgb(178, 34, 34), un rouge moyen. Ci-dessous : tous les formats de couleur, les teintes et nuances, les harmonies et la lisibilité du texte.

Mis à jour le

Fire Brick
#b22222
Nom CSSfirebrick
Hex#b22222
RGBrgb(178, 34, 34)
HSLhsl(0 68% 42%)
HWBhwb(0 13% 30%)
CMYK0%, 81%, 81%, 30%

Teintes et nuances

Harmonies de couleurs

À propos de Fire Brick

Fire Brick (firebrick) est un rouge moyen et vif, de code hexadécimal #b22222, soit rgb(178, 34, 34). En HSL, sa teinte est de 0°, sa saturation de 68 % et sa luminosité de 42 %. Il fait partie des 148 couleurs nommées reconnues par tous les navigateurs : vous pouvez donc écrire color: firebrick; à la place de la valeur hexadécimale.

Utiliser Fire Brick pour le texte et les arrière-plans

AssociationRatio de contrasteWCAG
Texte Fire Brick sur blanc6.68 : 1AA
Texte Fire Brick sur noir3.14 : 1AA grands textes uniquement

Sur un fond Fire Brick, utilisez un texte blanc (6.68 : 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: firebrick;               /* or #b22222 */
  background-color: #b22222;
  border: 1px solid rgb(178 34 34 / 50%);
}

Noms de couleurs similaires

Marron (#a52a2a), Cramoisi (#dc143c), Terre de Sienne (#a0522d), Brun selle (#8b4513), Rouge foncé (#8b0000), Bordeaux (#800000).

Questions fréquentes

Quel est le code hexadécimal de Fire Brick ?
#b22222, soit rgb(178, 34, 34) et hsl(0, 68%, 42%). En CSS, vous pouvez aussi écrire simplement firebrick.
Le texte Fire Brick est-il lisible sur blanc ?
Son ratio de contraste sur blanc est de 6.68 : 1, ce qui respecte le niveau WCAG AA pour le texte courant.
Quelles couleurs se marient bien avec Fire Brick ?
Sa couleur complémentaire est #22b4b4 ; les couleurs analogues #b4226b et #b46b22 se trouvent à côté sur le cercle chromatique.