Kleurenpaletten

Kleur violet

De laatste zichtbare kleur van de regenboog, vlak voor ultraviolet. Het is vernoemd naar het viooltje. Het staat voor creativiteit en spiritualiteit, en ook voor de feministische beweging.

Ook wel: violetblauw.

Violet · #8F00FF

Feiten over de kleur violet

De kleur violet (#8F00FF) is koel, middelmatig licht en sterk verzadigd. Deze kleur hoort bij de familie van de paarstinten. Ze bestaat uit 143 rood, 0 groen en 255 blauw (van de 255). Veelgebruikt voor: branding, mode, kunst.

Tinten van violet: licht en donker

Van licht naar donker. Tik op een tint om de code te kopiëren.

Bekijk alle tinten: Kleurtinten-generator

Kleuren die passen bij violet

GeelDe complementaire kleur: een levendig contrast.GrijsMaakt violet rustiger en elegant.WitEen strak, fris contrast.MintgroenEen frisse, originele mix.RozeEen modern, lief verloop.ZilverEen koele, elegante glans.MarineblauwDiepte en mysterie.ZwartEen dramatische look.
Zo combineer je violet in kleding en interieur →

Kleurharmonieën van violet

Combinaties volgens de kleurencirkel. Meer bij kleurharmonieën.

ComplementairLijkt op: Chartreuse
AnaloogLijkt op: Blauw, Magenta
TriadeLijkt op: Mandarijnoranje, Mintgroen
Gesplitst complementairLijkt op: Geel, Neongroen
TetradeLijkt op: Rood, Chartreuse, Cyaan

Kleurenpaletten met violet

Kopieer de codes of open het palet in de editor om het aan te passen.

Palet Monochroom · Violet
Palet Analoog · Violet
Palet Complementair · Violet
Palet Triade · Violet
Palet Met neutrale kleuren · Violet
Palet Met accent · Violet

Contrast van violet met tekst

Witte tekstContrast 5.8:1 · AA
Zwarte tekstContrast 3.6:1 · AA grote tekst

Volgens de WCAG 2.1-richtlijnen. Test andere kleurenparen met de contrast checker.

CSS-code

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

Kleuren die lijken op violet

BlauwMagentaPaarsDonkerblauwDruivenpaarsUltramarijnMarineblauwIndigoKleinblauwElektrisch blauw

Kleurenpaletten per thema met deze kleur

Neon kleurenpaletten

Andere paarstinten

PaarsPurperLilaLavendelMauvePruimpaarsAmethistAubergineOrchideeIndigoDruivenpaarsBlauweregenPastellilaUltraviolet

Veelgestelde vragen

Wat is de kleurcode van violet?

De HEX-code van de kleur violet is #8F00FF. In RGB is dat rgb(143, 0, 255), in HSL hsl(274, 100%, 50%) en in CMYK 44, 100, 0, 0.

Wat is de complementaire kleur van violet?

De complementaire kleur in de kleurencirkel is #70FF00, een tint die in de buurt komt van chartreuse. In kleine hoeveelheden werkt die goed als accent en geeft veel contrast.

Kun je witte tekst gebruiken op de kleur violet?

Ja. Het contrast met wit is 5.8:1, genoeg voor normale tekst (WCAG AA).

Welke kleuren passen bij violet?

Past goed bij geel, grijs, wit, mintgroen, roze. Combineer het niet met intens rood of oranje, want dan wordt de look zwaar. Met vergelijkbare paarstinten zonder contrast oogt het verwarrend.