Similar colors View all →
Navy Blue
#306BA6
Navy Blue
#1E3A8A
Steel Blue
#B0C4DE
Night Grey
#1F2937
Dodger Blue
#1E90FF
Anthracite
#4B5563
Royal Blue
#4169E1
Sapphire
#2563EB
Almost Black
#111827
Azure
#0EA5E9
Charcoal
#374151
Soft Sky Blue
#87CEEB
Electric Blue
#3B82F6
"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 #306BA6
RGB rgb(48, 107, 166)
HSL hsl(210°, 55%, 42%)
CMYK C:71% M:36% Y:0% K:35%
Luminance 0.1393
WCAG Accessibility
On white 5.56:1
Aa — #306BA6
Secondary text
✓ AA ✗ AAA ✓ AA Large
On black 3.78:1
Aa — #306BA6
Secondary text
✗ AA ✗ AAA ✓ AA Large

All harmonies

Complementary
#306BA6 #A66B30
Analogous
#30A6A6 #306BA6 #3030A6
Triadic
#306BA6 #A6306B #6BA630
Split-comp.
#306BA6 #A63030 #A6A630
Tetradic
#306BA6 #A630A6 #A66B30 #30A630
Monochromatic
#BCD1E6 #729ECA #3B6B9B #2D5276 #182B3F
Suggested palettes for this hue.
Dragonfruit View all →
Retro 70s View all →
Grey Minimal View all →

  
Discover more colors View all →
Azure
#0EA5E9
Soft Sky Blue
#87CEEB
Royal Blue
#4169E1
Lavender Blue
#93C5FD
Deep Navy
#000080
Sapphire
#2563EB
Electric Blue
#3B82F6
Dodger Blue
#1E90FF
🔄 Converter ♿ Contrast 🌈 Gradient