Similar colors View all →
Navy Blue
#337AC0
Navy Blue
#1E3A8A
Steel Blue
#B0C4DE
Dodger Blue
#1E90FF
Sapphire
#2563EB
Royal Blue
#4169E1
Azure
#0EA5E9
Soft Sky Blue
#87CEEB
Electric Blue
#3B82F6
Sky Blue
#60A5FA
Night Grey
#1F2937
Lavender Blue
#93C5FD
Anthracite
#4B5563
"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 #337AC0
RGB rgb(51, 122, 192)
HSL hsl(210°, 58%, 48%)
CMYK C:73% M:36% Y:0% K:25%
Luminance 0.1861
WCAG Accessibility
On white 4.48:1
Aa — #337AC0
Secondary text
✗ AA ✗ AAA ✓ AA Large
On black 4.69:1
Aa — #337AC0
Secondary text
✓ AA ✗ AAA ✓ AA Large

All harmonies

Complementary
#337AC0 #C17A33
Analogous
#33C1C1 #337AC0 #3333C1
Triadic
#337AC0 #C1337A #7AC133
Split-comp.
#337AC0 #C13333 #C1C133
Tetradic
#337AC0 #C133C1 #C17A33 #33C133
Monochromatic
#D2E0EF #86ADD5 #407AB5 #32618F #1E3B57
Suggested palettes for this hue.
Amber Warning View all →
White Marble View all →
Memphis Design View all →

  
Discover more colors View all →
Electric Blue
#3B82F6
Royal Blue
#4169E1
Deep Navy
#000080
Pure Blue
#0000FF
Sapphire
#2563EB
Dodger Blue
#1E90FF
Navy Blue
#1E3A8A
Lavender Blue
#93C5FD
🔄 Converter ♿ Contrast 🌈 Gradient