À propos du gris ardoise foncé
Gris ardoise foncé (darkslategray) est un cyan sombre et modérément saturé, de code hexadécimal #2f4f4f, soit rgb(47, 79, 79). En HSL, sa teinte est de 180°, sa saturation de 25 % et sa luminosité de 25 %. CSS accepte aussi l'orthographe darkslategrey pour exactement la même couleur. C'est l'une des 148 couleurs nommées que tous les navigateurs reconnaissent : vous pouvez donc écrire color: darkslategray; à la place de la valeur hexadécimale.
Utiliser le gris ardoise foncé pour le texte et les fonds
| Association | Ratio de contraste | WCAG |
|---|---|---|
| Texte gris ardoise foncé sur blanc | 8.93 : 1 | AAA |
| Texte gris ardoise foncé sur noir | 2.35 : 1 | échec |
Sur un fond gris ardoise foncé, utilisez un texte en blanc (8.93 : 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: darkslategray; /* or #2f4f4f */
background-color: #2f4f4f;
border: 1px solid rgb(47 79 79 / 50%);
}
Noms de couleurs similaires
Vert olive foncé (#556b2f), Vert mer (#2e8b57), Bleu nuit (#191970), Bleu ardoise foncé (#483d8b), Gris sombre (#696969), Vert forêt (#228b22).
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.