Similar colors View all →
Navy Blue
#306E9E
Navy Blue
#1E3A8A
Steel Blue
#B0C4DE
Azure
#0EA5E9
Soft Sky Blue
#87CEEB
Night Grey
#1F2937
Anthracite
#4B5563
Almost Black
#111827
Charcoal
#374151
Dodger Blue
#1E90FF
Sapphire
#2563EB
Royal Blue
#4169E1
Mint Turquoise
#4ECDC4
"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 #306E9E
RGB rgb(48, 110, 158)
HSL hsl(206°, 53%, 40%)
CMYK C:70% M:30% Y:0% K:38%
Luminance 0.1431
WCAG Accessibility
On white 5.45:1
Aa — #306E9E
Secondary text
✓ AA ✗ AAA ✓ AA Large
On black 3.85:1
Aa — #306E9E
Secondary text
✗ AA ✗ AAA ✓ AA Large

All harmonies

Complementary
#306E9E #9C5F30
Analogous
#309C95 #306E9E #30379C
Triadic
#306E9E #9C306D #6D9C30
Split-comp.
#306E9E #9C3037 #9C9530
Tetradic
#306E9E #95309C #9C5F30 #379C30
Monochromatic
#B6CFE2 #6D9FC5 #3A6C92 #2C516D #162837
Suggested palettes for this hue.
Success Green View all →
Memphis Design View all →
Matcha View all →

  
Discover more colors View all →
Royal Blue
#4169E1
Deep Navy
#000080
Electric Blue
#3B82F6
Azure
#0EA5E9
Steel Blue
#B0C4DE
Sapphire
#2563EB
Navy Blue
#1E3A8A
Pure Blue
#0000FF
🔄 Converter ♿ Contrast 🌈 Gradient