Similar colors View all →
Misty Blue
#C3DAFE
Misty Blue
#DBEAFE
Baby Blue
#CCE5FF
Lavender Blue
#93C5FD
Sky Blue
#60A5FA
Electric Blue
#3B82F6
Dodger Blue
#1E90FF
Sapphire
#2563EB
Royal Blue
#4169E1
Blue Violet
#5865F2
Azure
#0EA5E9
Steel Blue
#B0C4DE
Pale Violet
#C4B5FD
"Misty Blue"
Pastel · Winter
🧠 Psychology
Color of trust and stability. Evokes professionalism, security and serenity.
✨ Uses
Finance, banking, enterprise, software, social networks.
Tip
Misty Blue pairs ideally with #1C1B18 (dark text) and a neutral background for a modern, readable result.
Values
HEX #C3DAFE
RGB rgb(195, 218, 254)
HSL hsl(217°, 97%, 88%)
CMYK C:23% M:14% Y:0% K:0%
Luminance 0.696
WCAG Accessibility
On white 1.42:1
Aa — #C3DAFE
Secondary text
✗ AA ✗ AAA ✗ AA Large
On black 14.78:1
Aa — #C3DAFE
Secondary text
✓ AA ✓ AAA ✓ AA Large

All harmonies

Complementary
#C3DAFE #FEE7C3
Analogous
#C3F7FE #C3DAFE #CAC3FE
Triadic
#C3DAFE #FEC3D9 #D9FEC3
Split-comp.
#C3DAFE #FECAC3 #F7FEC3
Tetradic
#C3DAFE #FEC3F7 #FEE7C3 #C3FECA
Monochromatic
#1062E5 #669DF4 #C6DAFB #F5F9FE #FFFFFF
Suggested palettes for this hue.
Cherry Blossom View all →
Dark UI View all →
Autumn Forest View all →

  
Discover more colors View all →
Vanilla
#FEF3C7
Lilac
#E8D5F5
Soft Peach
#FFDAB9
Baby Pink
#FCE7F3
Sweet Pink
#FFD1DC
Seafoam
#D4EDDA
Light Lemon
#FFFACD
Baby Blue
#CCE5FF
🔄 Converter ♿ Contrast 🌈 Gradient