Skip to content

Deep Pink #ff1493

Pink at the threshold of magenta.

RGB
255, 20, 147
HSL
328°, 100%, 54%
CMYK
0, 92, 42, 0
Luminance
0.2387

About Deep Pink

Deep pink, #ff1493, is pink at maximum saturation before it tips into magenta — hotter than hot pink, more electric than rose. It is the CSS name for pink that has stopped being soft entirely.

History

Deep pink is a digital-native color name — coined by the X11 color list rather than by a flower or dye. It became the web’s go-to for "loud pink" and the neon signature of 2000s pop and Y2K revival aesthetics.

Psychology

Deep pink reads confident, energetic and unapologetically bold — the loudest pink that still reads as pink rather than magenta. It photographs young and demands attention.

In design

Deep pink is a high-energy accent: vivid on charcoal and navy, large-text only on white (3.5:1). Pair with black and lime (Y2K), teal (candy-pop), and cream to soften. It is the CTA pink for brands that want to shout.

In culture

Y2K deep-pink flip phones, deep-pink lip gloss, the web’s default "loud pink": a color born in a code table that became a whole aesthetic.

Brands that own deep pink

Shades of deep pink

Every format

HEX#ff1493
RGBrgb(255, 20, 147)
HSLhsl(328, 100%, 54%)
CMYKcmyk(0%, 92%, 42%, 0%)
LABlab(56.0 84.5 -5.7)
LCHlch(56.0 84.7 356.1)
OKLCHoklch(0.655 0.261 356.9)

Copy-ready code

/* CSS */
color: #ff1493;
background-color: #ff1493;
/* Tailwind (arbitrary) */
class="text-[#ff1493] bg-[#ff1493]"
/* SCSS */
$brand: #ff1493;
/* SwiftUI */
Color(red: 1.000, green: 0.078, blue: 0.576)
/* Android */
Color.parseColor("#ff1493")

Accessibility — WCAG contrast

Aa
#ff1493 on white: 3.64:1
AA ✗ fail · AA-large · AAA
Aa
#ff1493 on black: 5.77:1
AA ✓ pass · AA-large · AAA
true color
protanopia
deuteranopia
tritanopia

RGB percentages

Red100.0%
Green7.8%
Blue57.6%

CMYK percentages

Cyan0.0%
Magenta92.2%
Yellow42.4%
Key (black)0.0%

Color previews

#ff1493 text on a black background

contrast 5.77:1

Card sample

#ff1493 text on a white background

contrast 3.64:1

Card sample

CSS3 live lab

Text font color

The quick brown fox

color: #ff1493;
Background color
Panel with #ff1493 background
background-color: #ff1493;
Text shadow — hex

Glowing headline

text-shadow: 2px 2px 8px #ff1493;
Text shadow — RGB

Soft neon halo

text-shadow: 0 0 14px rgba(255, 20, 147, 0.45);
Div box shadow
Elevated card
box-shadow: 0 12px 32px -8px rgba(255, 20, 147, 0.45);
Border & gradient
Gradient panel
border: 3px solid #ff1493;
background: linear-gradient(135deg, #ff1493, #FF3214);

Monochromatic scale

Palettes built from #ff1493

Shades — darker

Tints — lighter

Hue & tone neighbors

Color harmonies

Nearest named colors

Deep Pink, answered

What is the hex code for deep pink?

CSS deeppink is #ff1493 — pink at near-maximum saturation, just short of magenta.

Deep pink vs hot pink?

Hot pink #ff69b4 is lighter and friendlier; deep pink #ff1493 is more saturated and electric — the louder of the two.

What pairs with deep pink?

Black and lime (Y2K), teal (candy-pop), cream to soften, charcoal to let it dominate alone.

Work with #ff1493 in the Color Lab