Similar colors View all →
Navy Blue
#304F8F
Navy Blue
#1E3A8A
Almost Black
#111827
Charcoal
#374151
Night Grey
#1F2937
Sapphire
#2563EB
Royal Blue
#4169E1
Steel Blue
#B0C4DE
Slate Grey
#6B7280
Anthracite
#4B5563
Medium Grey
#9CA3AF
Electric Blue
#3B82F6
Pearl Grey
#E5E7EB
"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 #304F8F
RGB rgb(48, 79, 143)
HSL hsl(220°, 50%, 37%)
CMYK C:66% M:45% Y:0% K:44%
Luminance 0.0799
WCAG Accessibility
On white 7.95:1
Aa — #304F8F
Secondary text
✓ AA ✓ AAA ✓ AA Large
On black 2.64:1
Aa — #304F8F
Secondary text
✗ AA ✗ AAA ✗ AA Large

All harmonies

Complementary
#304F8F #8E6E2F
Analogous
#2F7E8E #304F8F #3F2F8E
Triadic
#304F8F #8E2F4F #4F8E2F
Split-comp.
#304F8F #8E3F2F #7E8E2F
Tetradic
#304F8F #8E2F7E #8E6E2F #2F8E3F
Monochromatic
#ADBDDC #6583BD #395284 #293C60 #121B2B
Suggested palettes for this hue.
Sunset View all →
Retro 70s View all →
Tokyo Neon View all →

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