Similar colors View all →
Navy Blue
#1D6A87
Soft Sky Blue
#87CEEB
Azure
#0EA5E9
Aquamarine
#26D0CE
Digital Cyan
#06B6D4
Pale Cyan
#B2EBF2
Navy Blue
#1E3A8A
Teal Blue
#0097A7
Vivid Cyan
#00BCD4
Mint Turquoise
#4ECDC4
Turquoise
#40E0D0
Summer Sky
#67E8F9
Dark Turquoise
#00CED1
"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 #1D6A87
RGB rgb(29, 106, 135)
HSL hsl(196°, 65%, 32%)
CMYK C:79% M:21% Y:0% K:47%
Luminance 0.1233
WCAG Accessibility
On white 6.06:1
Aa — #1D6A87
Secondary text
✓ AA ✗ AAA ✓ AA Large
On black 3.46:1
Aa — #1D6A87
Secondary text
✗ AA ✗ AAA ✓ AA Large

All harmonies

Complementary
#1D6A87 #87391D
Analogous
#1D876E #1D6A87 #1D3587
Triadic
#1D6A87 #871D6A #6A871D
Split-comp.
#1D6A87 #871D35 #876E1D
Tetradic
#1D6A87 #6E1D87 #87391D #35871D
Monochromatic
#90CADF #41A4C8 #25677E #194657 #08161C
Suggested palettes for this hue.
Pop Matisse View all →
Cherry Blossom View all →
Matcha View all →

  
Discover more colors View all →
Steel Blue
#B0C4DE
Soft Sky Blue
#87CEEB
Royal Blue
#4169E1
Sky Blue
#60A5FA
Deep Navy
#000080
Pure Blue
#0000FF
Electric Blue
#3B82F6
Azure
#0EA5E9
🔄 Converter ♿ Contrast 🌈 Gradient