Couleur violet

La dernière couleur visible de l'arc-en-ciel, juste avant l'ultraviolet. Son nom vient de la fleur, la violette. Il est associé à la créativité, à la spiritualité et aussi au mouvement féministe.

Aussi appelée : couleur violette.

Violet · #8F00FF

Fiche de la couleur violet

La couleur violet (#8F00FF) est une couleur froide, de luminosité moyenne et très saturée. Elle appartient à la famille des violets. Elle se compose de 143 de rouge, 0 de vert et 255 de bleu (sur 255). Usages courants : image de marque, mode, art.

Nuances de la couleur violet : claires et foncées

Du plus clair au plus foncé. Touchez une nuance pour copier son code.

Couleurs qui vont avec la couleur violet

JauneSa complémentaire : un contraste vibrant.GrisApaise le violet et le rend élégant.BlancUn contraste net et frais.Vert mentheUn mélange frais et original.RoseUn dégradé moderne et doux.ArgentéUn éclat froid et élégant.Bleu marineProfondeur et mystère.NoirUn look spectaculaire.

Comment associer la couleur violet en mode et en déco →

Harmonies de la couleur violet

Combinaisons basées sur le cercle chromatique. Plus d'options avec l'outil harmonie des couleurs.

ComplémentaireProche de : Chartreuse

AnaloguesProche de : Bleu, Magenta

TriadeProche de : Mandarine, Vert menthe

Complémentaires adjacentesProche de : Jaune, Vert fluo

TétradeProche de : Rouge, Chartreuse, Cyan

Palettes avec la couleur violet

Copiez les codes ou ouvrez la palette dans l'éditeur pour l'ajuster.

Palette monochrome · Violet

Palette analogue · Violet

Palette complémentaire · Violet

Palette triade · Violet

Palette avec neutres · Violet

Palette avec accent · Violet

Contraste de la couleur violet avec le texte

Texte blancContraste 5.8:1 · AA

Texte noirContraste 3.6:1 · AA grand texte

Selon les règles WCAG 2.1. Testez d'autres paires avec le vérificateur de contraste.

Code CSS

:root {
  --violet: #8F00FF;
  --violet-rgb: 143, 0, 255;
}
.fond { background-color: var(--violet); }
.texte { color: var(--violet); }

Couleurs proches de la couleur violet

Bleu Magenta Violet foncé Bleu foncé Violet raisin Bleu outremer Bleu marine Indigo Bleu Klein Bleu électrique

Palettes thématiques avec cette couleur

Autres violets

Violet foncé Pourpre Lilas Lavande Mauve Prune Améthyste Aubergine Orchidée Indigo Violet raisin Glycine Lilas pastel Ultra violet

Questions fréquentes

Quel est le code de la couleur violet ?

Le code HEX de la couleur violet est #8F00FF. En RGB, c'est rgb(143, 0, 255), en HSL hsl(274, 100%, 50%) et en CMJN 44, 100, 0, 0.

Quelle est la complémentaire de la couleur violet ?

Sa complémentaire sur le cercle chromatique est #70FF00, une teinte proche de la couleur chartreuse. En petite quantité, elle sert d'accent et apporte beaucoup de contraste.

Peut-on mettre du texte blanc sur la couleur violet ?

Oui. Le contraste avec le blanc est de 5.8:1, suffisant pour du texte normal (WCAG AA).

Quelles couleurs vont avec la couleur violet ?

Elle se marie bien avec : jaune, gris, blanc, vert menthe, rose. Évitez-le avec du rouge ou de l'orange intenses : l'ensemble devient lourd. Avec des violets proches sans contraste, le rendu est confus.