Similar colors View all →
Sapphire
#3774EC
Sapphire
#2563EB
Electric Blue
#3B82F6
Royal Blue
#4169E1
Sky Blue
#60A5FA
Blue Violet
#5865F2
Dodger Blue
#1E90FF
Lavender Blue
#93C5FD
Navy Blue
#1E3A8A
Misty Blue
#DBEAFE
Azure
#0EA5E9
Baby Blue
#CCE5FF
Pure Blue
#0000FF
"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 #3774EC
RGB rgb(55, 116, 236)
HSL hsl(220°, 83%, 57%)
CMYK C:77% M:51% Y:0% K:7%
Luminance 0.1946
WCAG Accessibility
On white 4.31:1
Aa — #3774EC
Secondary text
✗ AA ✗ AAA ✓ AA Large
On black 4.87:1
Aa — #3774EC
Secondary text
✓ AA ✗ AAA ✓ AA Large

All harmonies

Complementary
#3774EC #ECB036
Analogous
#36CEEC #3774EC #5536EC
Triadic
#3774EC #EC3673 #73EC36
Split-comp.
#3774EC #EC5536 #CEEC36
Tetradic
#3774EC #EC36CE #ECB036 #36EC55
Monochromatic
#0C214B #1947A3 #4177E1 #6D96E8 #B0C6F3
Suggested palettes for this hue.
Tokyo Neon View all →
Neon 90s View all →
Pop Art View all →

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