À propos du bordeaux
Bordeaux (maroon) est un rouge sombre et vif, de code hexadécimal #800000, soit rgb(128, 0, 0). En HSL, sa teinte est de 0°, sa saturation de 100 % et sa luminosité de 25 %. Il fait partie des 148 couleurs nommées que tous les navigateurs reconnaissent : vous pouvez donc écrire color: maroon; au lieu de la valeur hexadécimale.
Utiliser le bordeaux pour le texte et les arrière-plans
| Association | Ratio de contraste | WCAG |
|---|---|---|
| Texte bordeaux sur blanc | 10.95 : 1 | AAA |
| Texte bordeaux sur noir | 1.92 : 1 | échec |
Sur un fond bordeaux, utilisez un texte blanc (10.95 : 1). Le WCAG exige au minimum 4.5 : 1 pour le texte courant et 3 : 1 pour les textes de grande taille. Vérifiez d'autres associations avec le Vérificateur de contraste.
CSS
.element {
color: maroon; /* or #800000 */
background-color: #800000;
border: 1px solid rgb(128 0 0 / 50%);
}
Noms de couleurs similaires
Rouge foncé (#8b0000), Rouge brique (#b22222), Brun (#a52a2a), Brun selle (#8b4513), Terre de Sienne (#a0522d), Cramoisi (#dc143c).
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.