Code couleur Gris ardoise clair (#778899)

Gris ardoise clair est #778899 en hexadécimal et rgb(119, 136, 153) — un bleu moyen. Ci-dessous : tous les formats de couleur, les teintes et nuances, les harmonies et la lisibilité du texte.

Mis à jour le

Gris ardoise clair
#778899
Nom CSSlightslategray (également lightslategrey)
Hex#778899
RGBrgb(119, 136, 153)
HSLhsl(210 14% 53%)
HWBhwb(210 47% 40%)
CMYK22%, 11%, 0%, 40%

Teintes et nuances

Harmonies de couleurs

À 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

AssociationRatio de contrasteWCAG
Texte Gris ardoise clair sur blanc3.64 : 1AA gros texte uniquement
Texte Gris ardoise clair sur noir5.77 : 1AA

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).

Questions fréquentes

Quel est le code hexadécimal du gris ardoise clair ?
#778899 — soit rgb(119, 136, 153) et hsl(210, 14%, 53%). En CSS, vous pouvez aussi simplement écrire lightslategray.
Le texte gris ardoise clair est-il lisible sur blanc ?
Son ratio de contraste sur blanc est de 3.64 : 1, ce qui n’est validé que pour les gros textes (WCAG AA gros texte).
Quelles couleurs vont bien avec le gris ardoise clair ?
Sa couleur complémentaire est #988776 ; les couleurs analogues #769898 et #767698 se trouvent à côté sur le cercle chromatique.