Purple Rain

#7442c8

Mid violet with cooler, bright lift

Save
Share

About Purple Rain

Purple Rain hits my eye like a bruised evening violet, not a playful spring tint. It's deeper and more saturated than , so it doesn't float or feel "laundered." And compared to 's misty violet core, this one leans more magenta and carries extra weight, especially on dark surfaces.

I use Purple Rain when I want purple to feel night-mode confident without drifting into the bluer electric middle of . It's my go-to for key accents in music and video platforms where states need clarity, like selected ranges on timelines, active filter chips, and primary highlight strokes in creator dashboards. In editor UIs it reads decisive over neutral panels, but it's controlled enough for hover and selection layers when the rest of the interface stays quiet.

If you pair it with creams, keep the rest of the palette slightly desaturated so the magenta pull stays intentional, not harsh.

Gradient preview

See how this color looks in an animated mesh gradient.

Conversions

Click any value to copy.

Need this programmatically? Color API

Code snippets

Copy this color into your project.

Contrast checker

WCAG 2.1 contrast ratios. AA requires 4.5:1 for normal text, 3:1 for large. AAA requires 7:1 / 4.5:1.

On White #ffffff

Aa
6.26:1AAAAA Large

On Gray 100 #f5f5f5

Aa
5.74:1AAAAA Large

On Gray 900 #18181b

Aa
2.83:1Fail

On Black #000000

Aa
3.36:1FailAA Large

Variations

Shades

Darker variations, created by mixing toward black.

Tints

Lighter variations, created by mixing toward white.

Tones

Muted variations, created by reducing saturation.

Hues

Hue rotations around the color wheel.

Temperatures

Warm and cool shifts of this color.

Color harmonies

Complementary
Analogous
Triadic
Split Complementary
Tetradic

Suggested palettes

Palettes built around this color.

4 colors
3 colors
4 colors
4 colors

Community palettes

Published palettes that include this color.

Create a gradient with Purple Rain

Open the generator with this color pre-loaded.

Start creating