Sweet Pink (FFF7FA) — Shades, Harmonies, Palettes, CSS Code

"Sweet Pink"

Pastel · Spring

🧠 Psychology

Emotional and creative color. Evokes transformation, innovation and modern femininity.

✨ Uses

Fashion, beauty, youth marketing, creative tech.

Tip

Sweet Pink pairs ideally with #1C1B18 (dark text) and a neutral background for a modern, readable result.

Values

HEX #FFF7FA

RGB rgb(255, 247, 250)

HSL hsl(338°, 100%, 98%)

CMYK C:0% M:3% Y:2% K:0%

Luminance 0.9485

WCAG Accessibility

On white 1.05:1

Aa — #FFF7FA

Secondary text

✗ AA ✗ AAA ✗ AA Large

On black 19.94:1

Aa — #FFF7FA

Secondary text

✓ AA ✓ AAA ✓ AA Large

50 100 200 300 400 500 600 700 800 900 950

All harmonies

Complementary

#FFF7FA #F5FFFB

Analogous

#FFF5FE #FFF7FA #FFF6F5

Triadic

#FFF7FA #F9FFF5 #F5F9FF

Split-comp.

#FFF7FA #F5FFF6 #F5FEFF

Tetradic

#FFF7FA #FEFFF5 #F5FFFB #F6F5FF

Monochromatic

#F4347A #F994B9 #FEF5F9 #FFFFFF #FFFFFF

Suggested palettes for this hue.

Matcha View all →

Dark UI View all →

Tropical Fruits View all →