Similar colors View all →
Navy Blue
#184658
Soft Sky Blue
#87CEEB
Azure
#0EA5E9
Mint Turquoise
#4ECDC4
Aquamarine
#26D0CE
Navy Blue
#1E3A8A
Digital Cyan
#06B6D4
Night Grey
#1F2937
Almost Black
#111827
Pale Cyan
#B2EBF2
Teal Blue
#0097A7
Vivid Cyan
#00BCD4
Charcoal
#374151
"Navy Blue"
Blue · Summer
🧠 Psychology
Fresh and soothing color. Evokes clarity, communication and technological innovation.
✨ Uses
Tech, health, communication, SaaS, media.
Tip
Navy Blue pairs ideally with #F7F5F0 (off-white) and a neutral background for a modern, readable result.
Values
HEX #184658
RGB rgb(24, 70, 88)
HSL hsl(197°, 57%, 22%)
CMYK C:73% M:20% Y:0% K:65%
Luminance 0.0497
WCAG Accessibility
On white 10.21:1
Aa — #184658
Secondary text
✓ AA ✓ AAA ✓ AA Large
On black 2.06:1
Aa — #184658
Secondary text
✗ AA ✗ AAA ✗ AA Large

All harmonies

Complementary
#184658 #582A18
Analogous
#18584A #184658 #182658
Triadic
#184658 #581846 #465818
Split-comp.
#184658 #581826 #584A18
Tetradic
#184658 #4A1858 #582A18 #265818
Monochromatic
#71B2CC #39819D #1E4452 #10252D #000000
Suggested palettes for this hue.
Blue Serenity View all →
Sahara View all →
Icy Winter View all →

  
Discover more colors View all →
Royal Blue
#4169E1
Azure
#0EA5E9
Dodger Blue
#1E90FF
Soft Sky Blue
#87CEEB
Deep Navy
#000080
Pure Blue
#0000FF
Lavender Blue
#93C5FD
Sky Blue
#60A5FA
🔄 Converter ♿ Contrast 🌈 Gradient