Code couleur Violet foncé (#9400d3)

Violet foncé est #9400d3 en hexadécimal et rgb(148, 0, 211) — un violet moyen. Ci-dessous : tous les formats de couleur, les teintes et nuances, les harmonies et la lisibilité du texte.

Mis à jour le

Violet foncé
#9400d3
Nom CSSdarkviolet
Hex#9400d3
RGBrgb(148, 0, 211)
HSLhsl(282 100% 41%)
HWBhwb(282 0% 17%)
CMYK30%, 100%, 0%, 17%

Teintes et nuances

Harmonies de couleurs

À propos du Violet foncé

Violet foncé (darkviolet) est un violet moyen et vif, de code hexadécimal #9400d3, soit rgb(148, 0, 211). En HSL, sa teinte est de 282°, sa saturation de 100 % et sa luminosité de 41 %. C'est l'une des 148 couleurs nommées que tous les navigateurs reconnaissent : vous pouvez donc écrire color: darkviolet; à la place de la valeur hexadécimale.

Utiliser le Violet foncé pour le texte et les fonds

AssociationRatio de contrasteWCAG
Texte Violet foncé sur blanc6.56 : 1AA
Texte Violet foncé sur noir3.20 : 1AA texte de grande taille uniquement

Sur un fond violet foncé, utilisez un texte blanc (6.56 : 1). Le WCAG exige au moins 4.5 : 1 pour le texte courant et 3 : 1 pour le grand texte. Vérifiez d'autres associations avec le Vérificateur de contraste.

CSS

.element {
  color: darkviolet;               /* or #9400d3 */
  background-color: #9400d3;
  border: 1px solid rgb(148 0 211 / 50%);
}

Couleurs nommées similaires

Bleu violet (#8a2be2), Orchidée foncée (#9932cc), Magenta foncé (#8b008b), Pourpre (#800080), Pourpre Rebecca (#663399), Orchidée moyenne (#ba55d3).

Questions fréquentes

Quel est le code hexadécimal du violet foncé ?
#9400d3 — soit rgb(148, 0, 211) et hsl(282, 100%, 41%). En CSS, vous pouvez aussi écrire simplement darkviolet.
Le texte violet foncé est-il lisible sur blanc ?
Son ratio de contraste sur blanc est de 6.56 : 1, ce qui respecte le niveau WCAG AA pour le texte courant.
Quelles couleurs vont bien avec le violet foncé ?
Sa couleur complémentaire est #3fd100 ; les couleurs analogues #2a00d1 et #d100a7 se trouvent à côté sur le cercle chromatique.