#F4AFAB
Pink family

Millennial Pink

Also known as: soft · muted · playful · approachable · trendy
Save
Hex #F4AFAB
RGB rgb(244, 175, 171)
HSL hsl(3°, 77%, 81%)
CMYK 0 · 28 · 30 · 4

Meaning

In the Western world, Millennial Pink conveys a sense of approachability and optimism, aligning with the values of the millennial generation. However, in some Eastern cultures, pink can be associated with femininity and softness, contrasting with its more neutral and inclusive interpretations in the West.

The term 'Millennial Pink' emerged around 2010, capturing a trend that was heavily influenced by social media and the rise of brands like Glossier. Its roots can be traced back to the 1950s when similar shades were used in mid-century modern design, but it was redefined in the 21st century as a symbol of youth culture and aesthetics.

softmutedplayfulapproachabletrendy

Similar colors

Ranked by CIE76 ΔE — the perceptual distance from Millennial Pink. Lower ΔE means a closer match (below ~2 is barely distinguishable).

All 25 Pinks →

Shades & tints

Nine steps of Millennial Pink by lightness — from #7F5B59 (darkest) to #F9D5D3 (lightest). Click any to copy.

-40% #7F5B59
-30% #9C706D
-20% #B98582
-10% #D79A96
BASE #F4AFAB
+15% #F5B9B5
+30% #F7C2BF
+50% #F8CCC9
+70% #F9D5D3

Complementary

Sitting opposite Millennial Pink at 183° on the color wheel, these give the highest-contrast pairings.

Palettes

Curated 5-color combinations featuring Millennial Pink.

#F4AFAB
#F6E2B5
#FFFFFF
#F4C2C2
#FFD8D8

Warm Embrace

Cozy Comfort
#F4AFAB
#C1D3FF
#888888
#F9C2B5
#FFB3B3

Retro Revival

Nostalgic Vibes
#F4AFAB
#A2C2E5
#2C2C2C
#F6D0C5
#FFE1E1

Modern Serenity

Calm Balance

Used by

Brands and institutions known for using Millennial Pink.

GlossierTiffany & Co.

Millennial Pink scale

A 50–900 tonal scale with Millennial Pink anchored at 500 — ready to drop into a design system. Click any step to copy.

50 #FEF9F8
100 #FDF1F0
200 #FBE1DF
300 #F9D1CE
400 #F6C0BD
500 #F4AFAB
600 #C8908C
700 #A17371
800 #7A5856
900 #533B3A

Accessibility

Works well as text on dark backgrounds; fails on light.

Aa Best text color: #000000 · 11.57:1
Millennial Pink as text on… Ratio AA AAA
Aa White background 1.82:1 Fail Fail
Aa Black background 11.57:1 Pass Pass

Thresholds: AA needs 4.5:1 (normal text) / 3:1 (large); AAA needs 7:1 / 4.5:1. Large = 18pt+ or 14pt+ bold.

How to use #F4AFAB

Copy-ready values for CSS, screen and print, plus the extra conversions designers reach for.

CSS color: #F4AFAB;
CSS color-mix (lighten 30%) color-mix(in srgb, #F4AFAB 70%, white)
HSV / HSB 3°, 30%, 96%
CMYK (print) 0, 28, 30, 4
Decimal 16035755
Nearest web-safe #FF9999

Color vision

How Millennial Pink appears to viewers with the three main types of color blindness (~1 in 12 men, 1 in 200 women). Simulated approximations.

Normal vision

#F4AFAB

Protanopia (no red)

#D6D6AC

Deuteranopia (no green)

#DADFAC

Tritanopia (no blue)

#F1ADAD
Rose Gold
17 / 25 Pinks Nude
Copied!