In Western cultures, violet often symbolizes spirituality, creativity, and luxury, while in some Eastern traditions, it can represent mourning or loss. The duality of violet reflects both the mystical and the practical, balancing the warmth of red with the coolness of blue.
The term 'violet' comes from the Latin word 'viola', which refers not only to the flower but also to the color itself. In the 19th century, the violet dye became popular for textiles, with Queen Victoria famously favoring it, solidifying its association with elegance and refinement.
Ranked by CIE76 ΔE — the perceptual distance from Violet. Lower ΔE means a closer match (below ~2 is barely distinguishable).
All 31 Purples →Nine steps of Violet by lightness — from #7C447C (darkest) to #F6BEF6 (lightest). Click any to copy.
Sitting opposite Violet at 120° on the color wheel, these give the highest-contrast pairings.
Curated 5-color combinations featuring Violet.
A 50–900 tonal scale with Violet anchored at 500 — ready to drop into a design system. Click any step to copy.
Works well as text on dark backgrounds; fails on light.
Thresholds: AA needs 4.5:1 (normal text) / 3:1 (large); AAA needs 7:1 / 4.5:1. Large = 18pt+ or 14pt+ bold.
Copy-ready values for CSS, screen and print, plus the extra conversions designers reach for.
color: violet; color-mix(in srgb, violet 70%, white) 300°, 45%, 93% 0, 45, 0, 7 15631086 #FF99FF How Violet appears to viewers with the three main types of color blindness (~1 in 12 men, 1 in 200 women). Simulated approximations.