Code couleur gris foncé (#a9a9a9)

Gris foncé est #a9a9a9 en hexadécimal et rgb(169, 169, 169) — un gris clair. Ci-dessous : tous les formats de couleur, les teintes et nuances, les harmonies et la lisibilité de cette couleur utilisée comme texte.

Mis à jour le

Gris foncé
#a9a9a9
Nom CSSdarkgray (aussi darkgrey)
Hex#a9a9a9
RGBrgb(169, 169, 169)
HSLhsl(0 0% 66%)
HWBhwb(0 66% 34%)
CMYK0%, 0%, 0%, 34%

Teintes et nuances

À propos du gris foncé

Gris foncé (darkgray) est un gris clair et discret, de code hexadécimal #a9a9a9, soit rgb(169, 169, 169). En HSL, il se situe à une teinte de 0°, une saturation de 0 % et une luminosité de 66 %. CSS accepte aussi l'orthographe darkgrey pour exactement la même couleur. Il fait partie des 148 couleurs nommées que tous les navigateurs reconnaissent, vous pouvez donc écrire color: darkgray; à la place de la valeur hexadécimale.

Utiliser le gris foncé pour le texte et les fonds

AssociationRatio de contrasteWCAG
Texte gris foncé sur blanc2.35 : 1échec
Texte gris foncé sur noir8.94 : 1AAA

Sur un fond gris foncé, utilisez un texte en noir (8.94 : 1). Le WCAG exige au minimum 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: darkgray;               /* or #a9a9a9 */
  background-color: #a9a9a9;
  border: 1px solid rgb(169 169 169 / 50%);
}

Couleurs nommées similaires

Argent (#c0c0c0), Vert mer foncé (#8fbc8f), Brun rosé (#bc8f8f), Brun clair (#d2b48c), Bleu acier clair (#b0c4de), Gris ardoise clair (#778899).

Questions fréquentes

Quel est le code hexadécimal du gris foncé ?
#a9a9a9 — soit rgb(169, 169, 169) et hsl(0, 0%, 66%). En CSS, vous pouvez aussi écrire simplement darkgray.
Le texte gris foncé est-il lisible sur blanc ?
Son ratio de contraste sur blanc est de 2.35 : 1, ce qui ne respecte pas le critère WCAG. Utilisez-le plutôt à titre décoratif ou sur un fond sombre.
Quelles couleurs vont bien avec le gris foncé ?
Le gris foncé est une couleur neutre : il s'associe à presque toutes les teintes. Utilisez-le pour les fonds, les bordures et les textes autour d'un accent plus vif.