Code couleur bleu violet (#8a2be2)

Bleu violet est #8a2be2 en hexadécimal et rgb(138, 43, 226), un violet moyen. Ci-dessous : tous les formats de couleur, les nuances et teintes, les harmonies et la lisibilité du texte.

Mis à jour le

Bleu violet
#8a2be2
Nom CSSblueviolet
Hex#8a2be2
RGBrgb(138, 43, 226)
HSLhsl(271 76% 53%)
HWBhwb(271 17% 11%)
CMYK39%, 81%, 0%, 11%

Nuances et teintes

Harmonies chromatiques

À propos du bleu violet

Bleu violet (blueviolet) est un violet moyen et vif, de code hexadécimal #8a2be2, soit rgb(138, 43, 226). En HSL, il se situe à une teinte de 271°, une saturation de 76 % et une luminosité de 53 %. C'est l'une des 148 couleurs nommées que tous les navigateurs reconnaissent : vous pouvez donc écrire color: blueviolet; à la place de la valeur hexadécimale.

Utiliser le bleu violet pour le texte et les arrière-plans

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

Sur un arrière-plan bleu violet, utilisez un texte blanc (5.96 : 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: blueviolet;               /* or #8a2be2 */
  background-color: #8a2be2;
  border: 1px solid rgb(138 43 226 / 50%);
}

Couleurs nommées similaires

Orchidée foncée (#9932cc), Violet foncé (#9400d3), Bleu ardoise (#6a5acd), Bleu ardoise moyen (#7b68ee), Orchidée moyenne (#ba55d3), Pourpre moyen (#9370db).

Questions fréquentes

Quel est le code hexadécimal du bleu violet ?
#8a2be2, soit rgb(138, 43, 226) et hsl(271, 76%, 53%). En CSS, vous pouvez aussi écrire simplement blueviolet.
Le texte bleu violet est-il lisible sur blanc ?
Son ratio de contraste sur blanc est de 5.96 : 1, ce qui respecte le niveau WCAG AA pour le texte courant.
Quelles couleurs vont bien avec le bleu violet ?
Sa couleur complémentaire est #84e22c ; les couleurs analogues #2f2ce2 et #e22cdf se trouvent à côté sur le cercle chromatique.