À propos du Brun rosé
Brun rosé (rosybrown) est un rouge clair et modérément saturé, de code hexadécimal #bc8f8f, soit rgb(188, 143, 143). En HSL, sa teinte est de 0°, sa saturation de 25 % et sa luminosité de 65 %. C'est l'une des 148 couleurs nommées que tous les navigateurs reconnaissent : vous pouvez donc écrire color: rosybrown; à la place de la valeur hexadécimale.
Utiliser le Brun rosé pour le texte et les arrière-plans
| Association | Rapport de contraste | WCAG |
|---|---|---|
| Texte Brun rosé sur blanc | 2.81 : 1 | échec |
| Texte Brun rosé sur noir | 7.46 : 1 | AAA |
Sur un arrière-plan brun rosé, utilisez un texte en noir (7.46 : 1). Le WCAG exige au moins 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: rosybrown; /* or #bc8f8f */
background-color: #bc8f8f;
border: 1px solid rgb(188 143 143 / 50%);
}
Noms de couleurs similaires
Gris foncé (#a9a9a9), Fauve (#d2b48c), Rouge violet pâle (#db7093), Saumon foncé (#e9967a), Kaki foncé (#bdb76b), Bois robuste (#deb887).
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.