Code couleur violet (#ee82ee)

Violet est #ee82ee en hexadécimal et rgb(238, 130, 238) : un magenta clair. Vous trouverez ci-dessous tous les formats de couleur, les teintes et nuances, les harmonies et la lisibilité du texte.

Mis à jour le

Violet
#ee82ee
Nom CSSviolet
Hex#ee82ee
RGBrgb(238, 130, 238)
HSLhsl(300 76% 72%)
HWBhwb(300 51% 7%)
CMYK0%, 45%, 0%, 7%

Teintes et nuances

Harmonies de couleurs

À propos du violet

Violet (violet) est un magenta clair et vif, de code hexadécimal #ee82ee, soit rgb(238, 130, 238). En HSL, sa teinte est de 300°, sa saturation de 76 % et sa luminosité de 72 %. C'est l'une des 148 couleurs nommées que tous les navigateurs reconnaissent : vous pouvez donc écrire color: violet; à la place de la valeur hexadécimale.

Utiliser le violet pour le texte et les fonds

AssociationRatio de contrasteWCAG
Texte violet sur blanc2,32 : 1échec
Texte violet sur noir9,06 : 1AAA

Sur un fond violet, utilisez un texte noir (9,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: violet;               /* or #ee82ee */
  background-color: #ee82ee;
  border: 1px solid rgb(238 130 238 / 50%);
}

Couleurs nommées similaires

Orchidée (#da70d6), Prune (#dda0dd), Rose vif (#ff69b4), Chardon (#d8bfd8), Rose clair (#ffb6c1), Rose (#ffc0cb).

Questions fréquentes

Quel est le code hexadécimal du violet ?
#ee82ee, soit rgb(238, 130, 238) et hsl(300, 76%, 72%). En CSS, vous pouvez aussi simplement écrire violet.
Le texte violet est-il lisible sur blanc ?
Son ratio de contraste sur blanc est de 2,32 : 1, ce qui ne respecte pas le WCAG. Réservez-le à la décoration ou utilisez-le sur un fond sombre.
Quelles couleurs vont bien avec le violet ?
Sa couleur complémentaire est #81ee81 ; les couleurs analogues #b881ee et #ee81b8 se trouvent à côté sur le cercle chromatique.