À propos de Misty Rose
Misty Rose (mistyrose) est un rouge très clair et vif, de code hexadécimal #ffe4e1, soit rgb(255, 228, 225). En HSL, sa teinte est de 6°, sa saturation de 100 % et sa luminosité de 94 %. C’est l’une des 148 couleurs nommées que tous les navigateurs reconnaissent : vous pouvez donc écrire color: mistyrose; au lieu de la valeur hexadécimale.
Utiliser Misty Rose pour le texte et les arrière-plans
| Association | Rapport de contraste | WCAG |
|---|---|---|
| Texte Misty Rose sur blanc | 1.20 : 1 | échec |
| Texte Misty Rose sur noir | 17.44 : 1 | AAA |
Sur un fond Misty Rose, utilisez un texte en noir (17.44 : 1). Les WCAG exigent un rapport d’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: mistyrose; /* or #ffe4e1 */
background-color: #ffe4e1;
border: 1px solid rgb(255 228 225 / 50%);
}
Couleurs nommées similaires
Blanc antique (#faebd7), Lin (#faf0e6), Papaye fouettée (#ffefd5), Dentelle ancienne (#fdf5e6), Beige (#f5f5dc), Soie de maïs (#fff8dc).
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.