Similar colors View all →
Baby Blue
#C2ECFF
Baby Blue
#CCE5FF
Lavender Blue
#93C5FD
Azure
#0EA5E9
Misty Blue
#DBEAFE
Dodger Blue
#1E90FF
Soft Sky Blue
#87CEEB
Summer Sky
#67E8F9
Sky Blue
#60A5FA
Vivid Cyan
#00BCD4
Digital Cyan
#06B6D4
Pale Cyan
#B2EBF2
Teal Blue
#0097A7
"Baby Blue"
Pastel · Summer
🧠 Psychology
Fresh and soothing color. Evokes clarity, communication and technological innovation.
✨ Uses
Tech, health, communication, SaaS, media.
Tip
Baby Blue pairs ideally with #1C1B18 (dark text) and a neutral background for a modern, readable result.
Values
HEX #C2ECFF
RGB rgb(194, 236, 255)
HSL hsl(199°, 100%, 88%)
CMYK C:24% M:7% Y:0% K:0%
Luminance 0.7919
WCAG Accessibility
On white 1.25:1
Aa — #C2ECFF
Secondary text
✗ AA ✗ AAA ✗ AA Large
On black 16.74:1
Aa — #C2ECFF
Secondary text
✓ AA ✓ AAA ✓ AA Large

All harmonies

Complementary
#C2ECFF #FFD5C2
Analogous
#C2FFF4 #C2ECFF #C2CDFF
Triadic
#C2ECFF #FFC2EC #ECFFC2
Split-comp.
#C2ECFF #FFC2CD #FFF4C2
Tetradic
#C2ECFF #F4C2FF #FFD5C2 #CDFFC2
Monochromatic
#0CA3E9 #64C8F7 #C5EAFC #F5FCFE #FFFFFF
Suggested palettes for this hue.
Tokyo Neon View all →
White Marble View all →
Dark UI View all →

  
Discover more colors View all →
Misty Blue
#DBEAFE
Baby Blue
#CCE5FF
Lilac
#E8D5F5
Vanilla
#FEF3C7
Light Lemon
#FFFACD
Seafoam
#D4EDDA
Baby Pink
#FCE7F3
Pale Jade
#D1FAE5
🔄 Converter ♿ Contrast 🌈 Gradient