Code couleur Bleu ardoise (#6a5acd)

Bleu ardoise est #6a5acd en hexadécimal et rgb(106, 90, 205) : un bleu moyen. Ci-dessous, tous les formats de couleur, les nuances et teintes, les harmonies et la lisibilité du texte.

Mis à jour le

Bleu ardoise
#6a5acd
Nom CSSslateblue
Hex#6a5acd
RGBrgb(106, 90, 205)
HSLhsl(248 53% 58%)
HWBhwb(248 35% 20%)
CMYK48%, 56%, 0%, 20%

Nuances et teintes

Harmonies de couleurs

À propos du Bleu ardoise

Bleu ardoise (slateblue) est un bleu moyen, modérément saturé, de code hexadécimal #6a5acd, soit rgb(106, 90, 205). En HSL, il a une teinte de 248°, une saturation de 53 % et une luminosité de 58 %. Il fait partie des 148 couleurs nommées que tous les navigateurs reconnaissent, vous pouvez donc écrire color: slateblue; à la place de la valeur hexadécimale.

Utiliser le bleu ardoise pour le texte et les fonds

AssociationRatio de contrasteWCAG
Texte bleu ardoise sur blanc5.31 : 1AA
Texte bleu ardoise sur noir3.96 : 1AA grands textes uniquement

Sur un fond bleu ardoise, utilisez du texte blanc (5.31 : 1). Le WCAG exige 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: slateblue;               /* or #6a5acd */
  background-color: #6a5acd;
  border: 1px solid rgb(106 90 205 / 50%);
}

Couleurs nommées similaires

Bleu ardoise moyen (#7b68ee), Bleu royal (#4169e1), Violet moyen (#9370db), Bleu acier (#4682b4), Bleu violet (#8a2be2), Orchidée foncée (#9932cc).

Questions fréquentes

Quel est le code hexadécimal du bleu ardoise ?
#6a5acd, soit rgb(106, 90, 205) et hsl(248, 53%, 58%). En CSS, vous pouvez aussi simplement écrire slateblue.
Le texte bleu ardoise est-il lisible sur blanc ?
Son ratio de contraste sur blanc est de 5.31 : 1, ce qui respecte le niveau WCAG AA pour le texte courant.
Quelles couleurs vont bien avec le bleu ardoise ?
Sa couleur complémentaire est #becd5b ; les couleurs analogues #5b85cd et #a35bcd se trouvent à côté sur le cercle chromatique.