Similar colors View all →
Azure
#24C4F9
Azure
#0EA5E9
Digital Cyan
#06B6D4
Summer Sky
#67E8F9
Vivid Cyan
#00BCD4
Dodger Blue
#1E90FF
Teal Blue
#0097A7
Soft Sky Blue
#87CEEB
Dark Turquoise
#00CED1
Sky Blue
#60A5FA
Lavender Blue
#93C5FD
Electric Blue
#3B82F6
Pale Cyan
#B2EBF2
"Azure"
Blue · Summer
🧠 Psychology
Fresh and soothing color. Evokes clarity, communication and technological innovation.
✨ Uses
Tech, health, communication, SaaS, media.
Tip
Azure pairs ideally with #F7F5F0 (off-white) and a neutral background for a modern, readable result.
Values
HEX #24C4F9
RGB rgb(36, 196, 249)
HSL hsl(195°, 95%, 56%)
CMYK C:86% M:21% Y:0% K:2%
Luminance 0.4722
WCAG Accessibility
On white 2.03:1
Aa — #24C4F9
Secondary text
✗ AA ✗ AAA ✗ AA Large
On black 10.34:1
Aa — #24C4F9
Secondary text
✓ AA ✓ AAA ✓ AA Large

All harmonies

Complementary
#24C4F9 #F95A24
Analogous
#24F9C4 #24C4F9 #245AF9
Triadic
#24C4F9 #F924C4 #C4F924
Split-comp.
#24C4F9 #F9245A #F9C424
Tetradic
#24C4F9 #C424F9 #F95A24 #5AF924
Monochromatic
#063A4B #0E83AA #2FBEEE #5FCDF2 #A5E3F8
Suggested palettes for this hue.
Night Velvet View all →
Amazon View all →
Orange Energy View all →

  
Discover more colors View all →
Lavender Blue
#93C5FD
Pure Blue
#0000FF
Steel Blue
#B0C4DE
Deep Navy
#000080
Navy Blue
#1E3A8A
Sky Blue
#60A5FA
Electric Blue
#3B82F6
Soft Sky Blue
#87CEEB
🔄 Converter ♿ Contrast 🌈 Gradient