What Goes With Violet?

Why These Colors Work With Violet

Violet (#EE82EE) sits at 300° — precisely on the magenta/purple boundary — with 76% saturation and a bright 72% lightness, making it noticeably lighter and pinker than what most people picture when they hear 'violet' in a spectral/rainbow sense; the CSS keyword is closer to orchid-pink than to the deep bluish-purple of a violet flower petal. That brightness makes it a genuinely playful, energetic color rather than a somber one, distinguishing its use case sharply from darker purples like indigo or rebeccapurple. Its complement sits in yellow-green, and because violet itself is already bright, this pairing can be used at fuller strength than most complementary pairs without feeling harsh — it shows up in floral and festival palettes for that reason. Violet against white stays light and airy; against black it gains surprising punch since the value gap is large despite violet's brightness. Violet is also one of the harder named colors to use as body text on light backgrounds because its high lightness keeps contrast ratios low — it works better as a saturated accent or background wash than as foreground type.