Skip to content

Pink #ffc0cb

Softness with a spine.

RGB
255, 192, 203
HSL
350°, 100%, 88%
CMYK
0, 25, 20, 0
Luminance
0.6327

About Pink

Pink is red with the pressure released — the same wavelength family, defused into warmth, play and tenderness. CSS pink is #ffc0cb, but the hue spans from barely-there blush to shocking magenta, and its meaning travels the whole distance with it.

No color’s cultural coding has flipped harder: pink was a boys’ color in Edwardian dress guides, became feminine only in the mid-20th century, and is now busy shrugging both labels off — millennial pink put it on fintech apps and sneaker drops alike.

History

The word comes from the flower (pinks, Dianthus), not the other way round. Madame de Pompadour made rose pink the prestige color of 18th-century France — Sèvres porcelain named a shade after her — and Schiaparelli’s 1937 “Shocking Pink” invented the loud end of the spectrum decades before neon.

In 2016 the Pantone era crowned “millennial pink”, and for half a decade it was the default color of startups that wanted to feel human.

Psychology

Pale pinks measurably calm — Baker-Miller pink was painted in holding cells for its short-term soothing effect — while hot pinks behave like red: energetic, attention-grabbing, youthful. Pink is rated the sweetest color in taste studies; it literally makes desserts taste sweeter.

In design

Blush pinks (#fdf2f8-class) are the friendliest large-surface tints in modern UI; hot pink (#ec4899) is a genuine accent workhorse on dark canvases. Pink text on white almost always fails contrast — keep pink for surfaces, fills and highlights, and let near-black carry the words.

Pairings: deep green for florals, navy for confidence, gold for glamour, gray to keep it grown-up.

In culture

Pink is breast-cancer awareness, punk provocation (pink mohawks), Japan’s cherry-blossom season and the pink-slip economy. “In the pink” still means in perfect health — an idiom older than the gender coding by centuries.

Brands that own pink

Shades of pink

Every format

HEX#ffc0cb
RGBrgb(255, 192, 203)
HSLhsl(350, 100%, 88%)
CMYKcmyk(0%, 25%, 20%, 0%)
LABlab(83.6 24.1 3.3)
LCHlch(83.6 24.4 7.9)
OKLCHoklch(0.868 0.073 7.1)

Copy-ready code

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

Accessibility — WCAG contrast

Aa
#ffc0cb on white: 1.54:1
AA ✗ fail · AA-large · AAA
Aa
#ffc0cb on black: 13.65:1
AA ✓ pass · AA-large · AAA
true color
protanopia
deuteranopia
tritanopia

RGB percentages

Red100.0%
Green75.3%
Blue79.6%

CMYK percentages

Cyan0.0%
Magenta24.7%
Yellow20.4%
Key (black)0.0%

Color previews

#ffc0cb text on a black background

contrast 13.65:1

Card sample

#ffc0cb text on a white background

contrast 1.54:1

Card sample

CSS3 live lab

Text font color

The quick brown fox

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

Glowing headline

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

Soft neon halo

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

Monochromatic scale

Palettes built from #ffc0cb

Shades — darker

Tints — lighter

Hue & tone neighbors

Color harmonies

Nearest named colors

Pink, answered

What is the hex code for pink?

CSS pink is #ffc0cb. Hot pink is #ff69b4, deep pink #ff1493, and the modern UI staple is #ec4899-class rose.

Was pink always a “girl color”?

No — early-1900s guides often assigned pink to boys as the stronger color. The feminine coding solidified only after WWII, and contemporary design has largely dissolved it again.

Does pink work in professional interfaces?

Yes — as accent and surface tint. T-Mobile and Lyft built entire brands on it. Keep body text neutral and let pink carry energy in buttons, badges and gradients.

Work with #ffc0cb in the Color Lab