Similar colors View all →
Sapphire
#397DE9
Electric Blue
#3B82F6
Sapphire
#2563EB
Royal Blue
#4169E1
Sky Blue
#60A5FA
Dodger Blue
#1E90FF
Lavender Blue
#93C5FD
Misty Blue
#DBEAFE
Navy Blue
#1E3A8A
Blue Violet
#5865F2
Azure
#0EA5E9
Baby Blue
#CCE5FF
Soft Sky Blue
#87CEEB
"Sapphire"
Blue · Winter
🧠 Psychology
Color of trust and stability. Evokes professionalism, security and serenity.
✨ Uses
Finance, banking, enterprise, software, social networks.
Tip
Sapphire pairs ideally with #F7F5F0 (off-white) and a neutral background for a modern, readable result.
Values
HEX #397DE9
RGB rgb(57, 125, 233)
HSL hsl(217°, 80%, 57%)
CMYK C:76% M:46% Y:0% K:9%
Luminance 0.2161
WCAG Accessibility
On white 3.97:1
Aa — #397DE9
Secondary text
✗ AA ✗ AAA ✓ AA Large
On black 5.28:1
Aa — #397DE9
Secondary text
✓ AA ✗ AAA ✓ AA Large

All harmonies

Complementary
#397DE9 #E9A63A
Analogous
#3AD5E9 #397DE9 #4E3AE9
Triadic
#397DE9 #E93A7D #7DE93A
Split-comp.
#397DE9 #E94E3A #D5E93A
Tetradic
#397DE9 #E93AD5 #E9A63A #3AE94E
Monochromatic
#0D244A #1C4FA0 #457FDE #709DE6 #B1CAF1
Suggested palettes for this hue.
Night Velvet View all →
Mediterranean View all →
Coffee & Cream View all →

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