Similar colors View all →
Sapphire
#286FE8
Sapphire
#2563EB
Electric Blue
#3B82F6
Royal Blue
#4169E1
Sky Blue
#60A5FA
Dodger Blue
#1E90FF
Navy Blue
#1E3A8A
Lavender Blue
#93C5FD
Blue Violet
#5865F2
Misty Blue
#DBEAFE
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 #286FE8
RGB rgb(40, 111, 232)
HSL hsl(218°, 81%, 53%)
CMYK C:83% M:52% Y:0% K:9%
Luminance 0.177
WCAG Accessibility
On white 4.64:1
Aa — #286FE8
Secondary text
✓ AA ✗ AAA ✓ AA Large
On black 4.53:1
Aa — #286FE8
Secondary text
✓ AA ✗ AAA ✓ AA Large

All harmonies

Complementary
#286FE8 #E8A126
Analogous
#26CEE8 #286FE8 #4026E8
Triadic
#286FE8 #E8266D #6DE826
Split-comp.
#286FE8 #E84026 #CEE826
Tetradic
#286FE8 #E826CE #E8A126 #26E840
Monochromatic
#0A1B39 #184490 #3270DC #5E8FE4 #9FBCEF
Suggested palettes for this hue.
Mediterranean View all →
Dark UI View all →
Tech Blue View all →

  
Discover more colors View all →
Pure Blue
#0000FF
Lavender Blue
#93C5FD
Soft Sky Blue
#87CEEB
Steel Blue
#B0C4DE
Dodger Blue
#1E90FF
Azure
#0EA5E9
Deep Navy
#000080
Navy Blue
#1E3A8A
🔄 Converter ♿ Contrast 🌈 Gradient