Baby Blue (CADFF6) — Shades, Harmonies, Palettes, CSS Code

"Baby Blue"

Pastel · Winter

🧠 Psychology

Color of trust and stability. Evokes professionalism, security and serenity.

✨ Uses

Finance, banking, enterprise, software, social networks.

Tip

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

Values

HEX #CADFF6

RGB rgb(202, 223, 246)

HSL hsl(211°, 71%, 88%)

CMYK C:18% M:9% Y:0% K:4%

Luminance 0.7265

WCAG Accessibility

On white 1.36:1

Aa — #CADFF6

Secondary text

✗ AA ✗ AAA ✗ AA Large

On black 15.4:1

Aa — #CADFF6

Secondary text

✓ AA ✓ AAA ✓ AA Large

50 100 200 300 400 500 600 700 800 900 950

All harmonies

Complementary

#CADFF6 #F6E1CB

Analogous

#CBF5F6 #CADFF6 #CBCBF6

Triadic

#CADFF6 #F6CBE0 #E0F6CB

Split-comp.

#CADFF6 #F6CBCB #F5F6CB

Tetradic

#CADFF6 #F6CBF5 #F6E1CB #CBF6CB

Monochromatic

#3078C5 #7CACDF #CEE0F3 #F7FAFD #FFFFFF

Suggested palettes for this hue.

Northern Lights View all →

Berries View all →

Velvet & Silk View all →