In Western cultures, Baby Blue is often linked to calmness and serenity, symbolizing peace and trust. However, in some Eastern traditions, it can signify mourning or loss, showcasing the nuance of color perception across different cultures.
The term 'baby blue' gained popularity in the early 20th century, particularly in the 1920s, when it was used to denote the color associated with newborn boys. Interestingly, the shade was originally not gender-specific, reflecting a more fluid understanding of color associations.
Ranked by CIE76 ΔE — the perceptual distance from Baby Blue. Lower ΔE means a closer match (below ~2 is barely distinguishable).
All 45 Blues →Nine steps of Baby Blue by lightness — from #476C7D (darkest) to #C2E6F7 (lightest). Click any to copy.
Sitting opposite Baby Blue at 19° on the color wheel, these give the highest-contrast pairings.
Curated 5-color combinations featuring Baby Blue.
A 50–900 tonal scale with Baby Blue anchored at 500 — ready to drop into a design system. Click any step to copy.
Works well as text on dark backgrounds; fails on light.
Thresholds: AA needs 4.5:1 (normal text) / 3:1 (large); AAA needs 7:1 / 4.5:1. Large = 18pt+ or 14pt+ bold.
Copy-ready values for CSS, screen and print, plus the extra conversions designers reach for.
color: #89CFF0; color-mix(in srgb, #89CFF0 70%, white) 199°, 43%, 94% 43, 14, 0, 6 9031664 #99CCFF How Baby Blue appears to viewers with the three main types of color blindness (~1 in 12 men, 1 in 200 women). Simulated approximations.