À propos du Gris dim
Gris dim (dimgray) est un gris moyen et discret, de code hexadécimal #696969, soit rgb(105, 105, 105). En HSL, sa teinte est de 0°, sa saturation de 0 % et sa luminosité de 41 %. CSS accepte aussi l'orthographe dimgrey pour exactement la même couleur. Elle fait partie des 148 couleurs nommées que tous les navigateurs reconnaissent : vous pouvez donc écrire color: dimgray; à la place de la valeur hexadécimale.
Utiliser le Gris dim pour le texte et les arrière-plans
| Association | Ratio de contraste | WCAG |
|---|---|---|
| Texte Gris dim sur blanc | 5,49 : 1 | AA |
| Texte Gris dim sur noir | 3,83 : 1 | AA grands textes uniquement |
Sur un arrière-plan gris dim, utilisez un texte blanc (5,49 : 1). Les WCAG exigent 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: dimgray; /* or #696969 */
background-color: #696969;
border: 1px solid rgb(105 105 105 / 50%);
}
Couleurs nommées similaires
Gris (#808080), Gris ardoise (#708090), Gris ardoise clair (#778899), Vert olive foncé (#556b2f), Bleu ardoise foncé (#483d8b), Gris ardoise foncé (#2f4f4f).
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.