Code couleur gris clair (#d3d3d3)

À propos du gris clair

Gris clair (lightgray) est un gris très clair et peu saturé, de code hexadécimal #d3d3d3, soit rgb(211, 211, 211). En HSL, sa teinte est de 0°, sa saturation de 0 % et sa luminosité de 83 %. CSS accepte aussi l'orthographe lightgrey 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: lightgray; à la place de la valeur hexadécimale.

Utiliser le gris clair pour le texte et les arrière-plans

Sur un arrière-plan gris clair, utilisez un texte en noir (14.03 : 1). Le WCAG exige au minimum 4.5 : 1 pour le texte courant et 3 : 1 pour les textes de grande taille. Vérifiez d'autres combinaisons avec le Vérificateur de contraste.

CSS

.element {
  color: lightgray;               /* or #d3d3d3 */
  background-color: #d3d3d3;
  border: 1px solid rgb(211 211 211 / 50%);
}

Couleurs nommées similaires

Gainsboro (#dcdcdc), Chardon (#d8bfd8), Argent (#c0c0c0), Bleu acier clair (#b0c4de), Bleu poudre (#b0e0e6), Bleu clair (#add8e6).