À propos du Gris ardoise clair
Gris ardoise clair (lightslategray) est un bleu moyen et désaturé, de code hexadécimal #778899, soit rgb(119, 136, 153). En HSL, il se situe à une teinte de 210°, une saturation de 14 % et une luminosité de 53 %. CSS accepte aussi l’orthographe lightslategrey 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: lightslategray; à la place de la valeur hexadécimale.
Utiliser le Gris ardoise clair pour le texte et les arrière-plans
| Association | Ratio de contraste | WCAG |
|---|---|---|
| Texte Gris ardoise clair sur blanc | 3.64 : 1 | AA gros texte uniquement |
| Texte Gris ardoise clair sur noir | 5.77 : 1 | AA |
Sur un arrière-plan gris ardoise clair, utilisez un texte noir (5.77 : 1). Le WCAG exige au minimum 4.5 : 1 pour le texte courant et 3 : 1 pour les gros textes. Vérifiez d’autres associations avec le Vérificateur de contraste.
CSS
.element {
color: lightslategray; /* or #778899 */
background-color: #778899;
border: 1px solid rgb(119 136 153 / 50%);
}
Couleurs nommées similaires
Gris ardoise (#708090), Gris (#808080), Bleu cadet (#5f9ea0), Bleu acier (#4682b4), Vert mer foncé (#8fbc8f), Gris sombre (#696969).
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.