Code couleur Bleu ardoise moyen (#7b68ee)

Bleu ardoise moyen est #7b68ee en hexadécimal et rgb(123, 104, 238) — un bleu clair. Ci-dessous : tous les formats de couleur, les teintes et nuances, les harmonies et la lisibilité du texte.

Mis à jour le

Bleu ardoise moyen
#7b68ee
Nom CSSmediumslateblue
Hex#7b68ee
RGBrgb(123, 104, 238)
HSLhsl(249 80% 67%)
HWBhwb(249 41% 7%)
CMJN48%, 56%, 0%, 7%

Teintes et nuances

Harmonies chromatiques

À propos du Bleu ardoise moyen

Bleu ardoise moyen (mediumslateblue) est un bleu clair et vif, de code hexadécimal #7b68ee, soit rgb(123, 104, 238). En HSL, il se situe à une teinte de 249°, avec une saturation de 80 % et une luminosité de 67 %. C'est l'une des 148 couleurs nommées que tous les navigateurs reconnaissent, vous pouvez donc écrire color: mediumslateblue; à la place de la valeur hexadécimale.

Utiliser le Bleu ardoise moyen pour le texte et les fonds

AssociationRatio de contrasteWCAG
Texte Bleu ardoise moyen sur blanc4.15 : 1AA grand texte uniquement
Texte Bleu ardoise moyen sur noir5.06 : 1AA

Sur un fond bleu ardoise moyen, utilisez un texte noir (5.06 : 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: mediumslateblue;               /* or #7b68ee */
  background-color: #7b68ee;
  border: 1px solid rgb(123 104 238 / 50%);
}

Couleurs nommées similaires

Violet moyen (#9370db), Bleu ardoise (#6a5acd), Bleu bleuet (#6495ed), Bleu royal (#4169e1), Violet bleu (#8a2be2), Orchidée foncée (#9932cc).

Questions fréquentes

Quel est le code hexadécimal du bleu ardoise moyen ?
#7b68ee, soit rgb(123, 104, 238) et hsl(249, 80%, 67%). En CSS, vous pouvez aussi écrire simplement mediumslateblue.
Le texte bleu ardoise moyen est-il lisible sur blanc ?
Son ratio de contraste sur blanc est de 4.15 : 1, ce qui n'est validé que pour les grands textes (WCAG AA grand texte).
Quelles couleurs vont bien avec le bleu ardoise moyen ?
Sa couleur complémentaire est #daee68 ; les couleurs analogues #6897ee et #bf68ee se trouvent à côté sur le cercle chromatique.