Cupid’s Eye

#ff22dd

Soft fuchsia-pink highlight with gentle, focused glow

Save
Share

About Cupid’s Eye

On a screen, 's Eye reads like a hot-pink lens flare that's been slightly filtered, not blasted raw. It's noticeably lighter than , but it stays more saturated than . The feel is less compressed and less cold, with a punchy magenta-lean that makes it feel brighter than the neon edge without turning into 's unapologetic electricity.

I use it for hero buttons, verification and messaging accents, and playful-but-serious states in mobile banking and dating apps where you want momentum, not aggression. It shows up in music and lifestyle streaming artwork too, especially on dark headers where it can sit forward while still reading controlled. This is the one you reach for when feels too sharp and 's cousin tone () feels too icy.

Pair it with clean off-whites or deep charcoal, and be careful with overly warm backgrounds. They can flatten the magenta undertone fast, making it look like a compromise instead of a choice.

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

On Gray 100 #f5f5f5

Aa
2.95:1Fail

On Gray 900 #18181b

Aa
5.50:1AAAAA Large

On Black #000000

Aa
6.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.

Similar colors

Create a gradient with Cupid’s Eye

Open the generator with this color pre-loaded.

Start creating