Code couleur Gris dim (#696969)

Gris dim est #696969 en hexadécimal et rgb(105, 105, 105) — un gris moyen. Ci-dessous : tous les formats de couleur, les teintes et nuances, les harmonies et sa lisibilité en tant que texte.

Mis à jour le

Gris dim
#696969
Nom CSSdimgray (aussi dimgrey)
Hexa#696969
RGBrgb(105, 105, 105)
HSLhsl(0 0% 41%)
HWBhwb(0 41% 59%)
CMJN0%, 0%, 0%, 59%

Teintes et nuances

À 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

AssociationRatio de contrasteWCAG
Texte Gris dim sur blanc5,49 : 1AA
Texte Gris dim sur noir3,83 : 1AA 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).

Questions fréquentes

Quel est le code hexadécimal du gris dim ?
#696969 — soit rgb(105, 105, 105) et hsl(0, 0%, 41%). En CSS, vous pouvez aussi simplement écrire dimgray.
Le texte gris dim est-il lisible sur blanc ?
Son ratio de contraste sur blanc est de 5,49 : 1, ce qui respecte le niveau WCAG AA pour un texte courant.
Quelles couleurs vont bien avec le gris dim ?
Le gris dim est une couleur neutre : il s'associe à presque toutes les couleurs. Utilisez-le pour les arrière-plans, les bordures et les textes autour d'un accent plus marqué.