Psychedelic Purple

#dd00ff

Electric purple-magenta with neon depth, not pastel

Save
Share

About Psychedelic Purple

Psychedelic Purple reads like a magenta that went a step deeper and cooler. It's not as bubblegum-soft as , and it doesn't stay as straight-edged and neon-bright as . Compared with , it leans more electric but also more saturated, so it holds its color in motion instead of smoothing out into a playful, lighter pink.

I use it for high-impact UI moments that still need control: streaming and gaming overlay accents, creator profile highlights, subscription promo cards, and game rarity tags where you want attention without feeling like you're flashing a primary "alert." It also works well in beauty and lifestyle product pages when you're building contrast with fuchsias or cooler pinks and want the headline chips to feel purposeful, not sweet. the one you reach for when magenta energy is the goal but you want deeper, cooler punch on dark or mid-tone surfaces.

Pair it with charcoal, cool grays, and crisp whites. Avoid cream backgrounds, they'll dull the purple edge and make it read more generic pink.

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
3.81:1FailAA Large

On Gray 100 #f5f5f5

Aa
3.49:1FailAA Large

On Gray 900 #18181b

Aa
4.66:1AAAAA Large

On Black #000000

Aa
5.52:1AAAAA 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 Psychedelic Purple

Open the generator with this color pre-loaded.

Start creating