À propos du Rouge indien
Rouge indien (indianred) est un rouge moyen, modérément saturé, de code hexadécimal #cd5c5c, soit rgb(205, 92, 92). En HSL, il a une teinte de 0°, une saturation de 53 % et une luminosité de 58 %. C'est l'une des 148 couleurs nommées reconnues par tous les navigateurs : vous pouvez donc écrire color: indianred; à la place de la valeur hexadécimale.
Utiliser le Rouge indien pour le texte et les fonds
| Association | Ratio de contraste | WCAG |
|---|---|---|
| Texte Rouge indien sur blanc | 3.98 : 1 | AA grands textes uniquement |
| Texte Rouge indien sur noir | 5.28 : 1 | AA |
Sur un fond rouge indien, utilisez un texte en noir (5.28 : 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: indianred; /* or #cd5c5c */
background-color: #cd5c5c;
border: 1px solid rgb(205 92 92 / 50%);
}
Couleurs nommées similaires
Pérou (#cd853f), Tomate (#ff6347), Rouge violet pâle (#db7093), Saumon (#fa8072), Corail clair (#f08080), Corail (#ff7f50).
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.