Similar colors View all →
Sapphire
#123EEE
Sapphire
#2563EB
Blue Violet
#5865F2
Royal Blue
#4169E1
Electric Blue
#3B82F6
Pure Blue
#0000FF
Navy Blue
#1E3A8A
Sky Blue
#60A5FA
Dodger Blue
#1E90FF
Deep Navy
#000080
Lavender Blue
#93C5FD
Azure
#0EA5E9
Misty Blue
#DBEAFE
"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 #123EEE
RGB rgb(18, 62, 238)
HSL hsl(228°, 87%, 50%)
CMYK C:92% M:74% Y:0% K:7%
Luminance 0.0945
WCAG Accessibility
On white 7.12:1
Aa — #123EEE
Secondary text
✓ AA ✓ AAA ✓ AA Large
On black 2.95:1
Aa — #123EEE
Secondary text
✗ AA ✗ AAA ✗ AA Large

All harmonies

Complementary
#123EEE #EEC211
Analogous
#11ACEE #123EEE #5311EE
Triadic
#123EEE #EE113D #3DEE11
Split-comp.
#123EEE #EE5311 #ACEE11
Tetradic
#123EEE #EE11AC #EEC211 #11EE53
Monochromatic
#060E2D #122987 #1D45E2 #4A6AE8 #8EA2F0
Suggested palettes for this hue.
Dragonfruit View all →
Dark UI View all →
Arctic Tundra View all →

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