Code couleur gris ardoise (#708090)

Gris ardoise est #708090 en hexadécimal et rgb(112, 128, 144) — 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
#708090
Nom CSSslategray (aussi slategrey)
Hex#708090
RGBrgb(112, 128, 144)
HSLhsl(210 13% 50%)
HWBhwb(210 44% 44%)
CMYK22%, 11%, 0%, 44%

Teintes et nuances

Harmonies de couleurs

À propos du gris ardoise

Gris ardoise (slategray) est un bleu moyen et désaturé, de code hexadécimal #708090, soit rgb(112, 128, 144). En HSL, sa teinte est de 210°, sa saturation de 13 % et sa luminosité de 50 %. CSS accepte aussi l'orthographe slategrey pour exactement la même couleur. Elle fait partie des 148 couleurs nommées que tous les navigateurs reconnaissent : vous pouvez donc écrire color: slategray; à la place de la valeur hexadécimale.

Utiliser le gris ardoise pour le texte et les fonds

AssociationRatio de contrasteWCAG
Texte gris ardoise sur blanc4.05 : 1AA grands textes uniquement
Texte gris ardoise sur noir5.18 : 1AA

Sur un fond gris ardoise, utilisez un texte en noir (5.18 : 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: slategray;               /* or #708090 */
  background-color: #708090;
  border: 1px solid rgb(112 128 144 / 50%);
}

Couleurs nommées similaires

Gris ardoise clair (#778899), Gris (#808080), Bleu cadet (#5f9ea0), Gris sombre (#696969), Bleu acier (#4682b4), Vert mer foncé (#8fbc8f).

Questions fréquentes

Quel est le code hexadécimal du gris ardoise ?
#708090 — soit rgb(112, 128, 144) et hsl(210, 13%, 50%). En CSS, vous pouvez aussi simplement écrire slategray.
Le texte gris ardoise est-il lisible sur blanc ?
Son ratio de contraste sur blanc est de 4.05 : 1, qui ne passe que pour les grands textes (WCAG AA grands textes).
Quelles couleurs vont bien avec le gris ardoise ?
Sa couleur complémentaire est #90806f ; les couleurs analogues #6f9090 et #6f6f90 se trouvent à côté sur le cercle chromatique.