Similar colors View all →
Navy Blue
#164D63
Soft Sky Blue
#87CEEB
Azure
#0EA5E9
Aquamarine
#26D0CE
Navy Blue
#1E3A8A
Digital Cyan
#06B6D4
Pale Cyan
#B2EBF2
Teal Blue
#0097A7
Vivid Cyan
#00BCD4
Mint Turquoise
#4ECDC4
Turquoise
#40E0D0
Night Grey
#1F2937
Summer Sky
#67E8F9
"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 #164D63
RGB rgb(22, 77, 99)
HSL hsl(197°, 64%, 24%)
CMYK C:78% M:22% Y:0% K:61%
Luminance 0.0613
WCAG Accessibility
On white 9.23:1
Aa — #164D63
Secondary text
✓ AA ✓ AAA ✓ AA Large
On black 2.28:1
Aa — #164D63
Secondary text
✗ AA ✗ AAA ✗ AA Large

All harmonies

Complementary
#164D63 #642C16
Analogous
#166453 #164D63 #162764
Triadic
#164D63 #64164E #4E6416
Split-comp.
#164D63 #641627 #645316
Tetradic
#164D63 #531664 #642C16 #276416
Monochromatic
#72B9D5 #348AAD #1C4C5E #102C37 #000000
Suggested palettes for this hue.
Rose Gold View all →
Coral Sea View all →
Northern Lights View all →

  
Discover more colors View all →
Navy Blue
#1E3A8A
Pure Blue
#0000FF
Sapphire
#2563EB
Royal Blue
#4169E1
Soft Sky Blue
#87CEEB
Electric Blue
#3B82F6
Dodger Blue
#1E90FF
Sky Blue
#60A5FA
🔄 Converter ♿ Contrast 🌈 Gradient