Similar colors View all →
Navy Blue
#24678F
Azure
#0EA5E9
Soft Sky Blue
#87CEEB
Navy Blue
#1E3A8A
Aquamarine
#26D0CE
Digital Cyan
#06B6D4
Mint Turquoise
#4ECDC4
Night Grey
#1F2937
Dodger Blue
#1E90FF
Steel Blue
#B0C4DE
Pale Cyan
#B2EBF2
Royal Blue
#4169E1
Sapphire
#2563EB
"Navy Blue"
Blue · Winter
🧠 Psychology
Color of trust and stability. Evokes professionalism, security and serenity.
✨ Uses
Finance, banking, enterprise, software, social networks.
Tip
Navy Blue pairs ideally with #F7F5F0 (off-white) and a neutral background for a modern, readable result.
Values
HEX #24678F
RGB rgb(36, 103, 143)
HSL hsl(202°, 60%, 35%)
CMYK C:75% M:28% Y:0% K:44%
Luminance 0.1204
WCAG Accessibility
On white 6.16:1
Aa — #24678F
Secondary text
✓ AA ✗ AAA ✓ AA Large
On black 3.41:1
Aa — #24678F
Secondary text
✗ AA ✗ AAA ✓ AA Large

All harmonies

Complementary
#24678F #8F4B24
Analogous
#248F81 #24678F #24328F
Triadic
#24678F #8F2468 #688F24
Split-comp.
#24678F #8F2432 #8F8124
Tetradic
#24678F #81248F #8F4B24 #328F24
Monochromatic
#9FC8DF #539CC6 #2D6586 #204860 #0D1D26
Suggested palettes for this hue.
Vintage Sepia View all →
Gradient Sunset View all →
Dark UI View all →

  
Discover more colors View all →
Steel Blue
#B0C4DE
Sapphire
#2563EB
Sky Blue
#60A5FA
Lavender Blue
#93C5FD
Royal Blue
#4169E1
Electric Blue
#3B82F6
Dodger Blue
#1E90FF
Soft Sky Blue
#87CEEB
🔄 Converter ♿ Contrast 🌈 Gradient