Pink Hysteria

#fe01b1

High-saturation hot magenta-pink for bold red accents

Save
Share

About Pink Hysteria

On my screen, Pink Hysteria reads like a magenta-leaning pink with a punchy, hot lip-gloss vibe, but it stays clearly lighter and more playful than the deeper reds around it. Compared to , it has less glossy "youth snap" and more bubblegum intensity, like the highlight is on the whole button, not just the sheen. Versus Ms. Pac-Man Kiss, it keeps a stronger pink bias and doesn't drift as red-forward.

In UI, I like it for primary action buttons and promo badges when you want attention without edging into warning territory. It's a strong choice for music and entertainment interfaces, creator platforms, and retail campaign chips where the brand needs "now" energy with a warmer, pink-forward undertone. It also holds up better at small sizes than darker family reds, so you get clarity without needing extra outlines.

Pair it with charcoal, espresso, or deep navy so it doesn't turn into neon clutter on bright backgrounds. If you see it wandering fuchsia, dial back the surrounding saturation or raise contrast slightly.

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

On Gray 100 #f5f5f5

Aa
3.29:1FailAA Large

On Gray 900 #18181b

Aa
4.94:1AAAAA Large

On Black #000000

Aa
5.85: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 Pink Hysteria

Open the generator with this color pre-loaded.

Start creating