Similar colors View all →
Navy Blue
#304073
Almost Black
#111827
Navy Blue
#1E3A8A
Charcoal
#374151
Night Grey
#1F2937
Anthracite
#4B5563
Royal Blue
#4169E1
Steel Blue
#B0C4DE
Slate Grey
#6B7280
Sapphire
#2563EB
Medium Grey
#9CA3AF
Pearl Grey
#E5E7EB
Silver Grey
#D1D5DB
"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 #304073
RGB rgb(48, 64, 115)
HSL hsl(226°, 41%, 32%)
CMYK C:58% M:44% Y:0% K:55%
Luminance 0.0521
WCAG Accessibility
On white 9.97:1
Aa — #304073
Secondary text
✓ AA ✓ AAA ✓ AA Large
On black 2.11:1
Aa — #304073
Secondary text
✗ AA ✗ AAA ✗ AA Large

All harmonies

Complementary
#304073 #736330
Analogous
#306173 #304073 #423073
Triadic
#304073 #733040 #407330
Split-comp.
#304073 #734230 #617330
Tetradic
#304073 #733061 #736330 #307342
Monochromatic
#A1ACCE #5F70AB #38446B #272F49 #0C0F17
Suggested palettes for this hue.
Pearl Zen View all →
Electric Vibes View all →
Pop Matisse View all →

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