In Western cultures, heliotrope signifies creativity and inspiration, often associated with artistic endeavors. Conversely, in some Eastern traditions, it represents spirituality and the connection to the divine, showcasing its multifaceted significance across different cultures.
The term 'heliotrope' comes from the Greek word 'heliotropion', which means 'turning toward the sun', reflecting the flower's tendency to follow sunlight. The color gained popularity in the late 19th century, particularly in the art world, as artists like Vincent van Gogh embraced its vibrancy in their works.
Ranked by CIE76 ΔE — the perceptual distance from Heliotrope. Lower ΔE means a closer match (below ~2 is barely distinguishable).
All 31 Purples →Nine steps of Heliotrope by lightness — from #743C85 (darkest) to #EEB6FF (lightest). Click any to copy.
Sitting opposite Heliotrope at 106° on the color wheel, these give the highest-contrast pairings.
Curated 5-color combinations featuring Heliotrope.
A 50–900 tonal scale with Heliotrope 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: #DF73FF; color-mix(in srgb, #DF73FF 70%, white) 286°, 55%, 100% 13, 55, 0, 0 14644223 #CC66FF How Heliotrope appears to viewers with the three main types of color blindness (~1 in 12 men, 1 in 200 women). Simulated approximations.