Baby Blue (FAFDFF) — 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 #FAFDFF

RGB rgb(250, 253, 255)

HSL hsl(204°, 100%, 99%)

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

Luminance 0.9787

WCAG Accessibility

On white 1.02:1

Aa — #FAFDFF

Secondary text

✗ AA ✗ AAA ✗ AA Large

On black 20.56:1

Aa — #FAFDFF

Secondary text

✓ AA ✓ AAA ✓ AA Large

50 100 200 300 400 500 600 700 800 900 950

All harmonies

Complementary

#FAFDFF #FFFCFA

Analogous

#FAFFFE #FAFDFF #FAFAFF

Triadic

#FAFDFF #FFFAFD #FDFFFA

Split-comp.

#FAFDFF #FFFAFA #FFFEFA

Tetradic

#FAFDFF #FEFAFF #FFFCFA #FAFFFA

Monochromatic

#38A9F5 #99D3FA #FAFDFF #FFFFFF #FFFFFF

Suggested palettes for this hue.

Dark UI View all →

Gold & Black View all →

Tropical Fruits View all →