Super Pink

#ce6ba6

Soft super-saturated magenta-rose for bold yet gentle UI

Save
Share

About Super Pink

On my monitor, Super Pink hits like a crisp, rosy-red button label that's been given a little extra lift. It's lighter and more softly pink-leaning than , so it doesn't look dialed down or slightly washed. And compared to , it's less clean and composed, more flirted with that bright pink intensity. Versus Sugar Rush, it stays calmer and less candy-magenta, so it reads red-pink instead of going full sweet.

I use it for healthcare dashboards and patient-facing UI when you want a primary highlight that feels friendly but still clearly "action." Think selected chips, step-progress states, and secondary CTAs that shouldn't feel urgent like the hotter pink-reds. It's also a solid pick for dashboards and finance apps when the layout needs a fresh, readable accent without drifting coral.

Pair it with near-whites and soft grays; on overly warm surfaces it can look a touch more playful than your mock, so I'll often temper it with deeper red or rose borders. Overall, it's the one I reach for when you need light, pink-forward energy with better restraint than the brighter options.

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

On Gray 100 #f5f5f5

Aa
3.07:1FailAA Large

On Gray 900 #18181b

Aa
5.30:1AAAAA Large

On Black #000000

Aa
6.28: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 Super Pink

Open the generator with this color pre-loaded.

Start creating