UI Shades

A study in pink

Deep Pink

#FF1493

Family
Pink
L
0.655
C
0.261
H
357°

Notes

Deep Pink is the high-chroma magenta-pink that powered early 2000s pop branding and shows no sign of fading. The CSS hex is one of the most saturated pink values an sRGB display can produce. Energetic accent only - large fields of Deep Pink fatigue the eye within seconds. Deep teal alongside gives a 90s pop palette; cream pushes it toward a romantic editorial look. Against white the contrast is sufficient for headlines but the saturation can feel aggressive at body text sizes. Body text contrast against white passes AA at headline sizes; below 14px it is borderline.

#ff1493
Deep Pink
Deep Pink
#ff1493
oklch(0.655 0.261 356.94)
rgb(255 20 147)
hsl(327.6 100% 53.9%)
Share
#fff2fa
#ffe9f4
#ffd3e6
#ffb8d5
#ff7db6
#ff1493
#d50075
#b10060
#830045
#5d002e
#360018

See your palette on a real UI - coming soon

Preview these shades across buttons, cards, and components in a live interface.

Plate 02

Palette built around Deep Pink

Cross-reference
Q&A

Frequently asked questions

What is Deep Pink?

Deep Pink is the high-chroma magenta-pink that powered early 2000s pop branding and shows no sign of fading. The CSS hex is one of the most saturated pink values an sRGB display can produce. Its hex code is #FF1493.

What are the tints and shades of Deep Pink?

uishades builds an 11-step OKLCH ramp for Deep Pink (#FF1493) - its lightest tints through its darkest shades - plus an 11-stop Tailwind scale (50–950), both keyed to the same 50–950 stops. Lightness steps stay evenly spaced and the hue stays stable, so the mid-tones don't go muddy.

What colors pair well with Deep Pink?

Its complementary color is #00AC8F. Triadic partners are #8B9C00 and #009CE9; analogous neighbours are #FF1D28 and #DD3BE1.

What are the OKLCH and RGB values of Deep Pink?

Deep Pink is #FF1493 - OKLCH 0.655 0.261 357°, rgb(255 20 147), in the pink family.