Similar colors View all →
Royal Blue
#677EDD
Royal Blue
#4169E1
Navy Blue
#1E3A8A
Blue Violet
#5865F2
Sapphire
#2563EB
Electric Blue
#3B82F6
Steel Blue
#B0C4DE
Sky Blue
#60A5FA
Pure Blue
#0000FF
Almost Black
#111827
Medium Grey
#9CA3AF
Soft Sky Blue
#87CEEB
Lavender Blue
#93C5FD
"Royal Blue"
Blue · Winter
🧠 Psychology
Color of trust and stability. Evokes professionalism, security and serenity.
✨ Uses
Finance, banking, enterprise, software, social networks.
Tip
Royal Blue pairs ideally with #1C1B18 (dark text) and a neutral background for a modern, readable result.
Values
HEX #677EDD
RGB rgb(103, 126, 221)
HSL hsl(228°, 63%, 64%)
CMYK C:53% M:43% Y:0% K:13%
Luminance 0.2333
WCAG Accessibility
On white 3.75:1
Aa — #677EDD
Secondary text
✗ AA ✗ AAA ✓ AA Large
On black 5.61:1
Aa — #677EDD
Secondary text
✓ AA ✗ AAA ✓ AA Large

All harmonies

Complementary
#677EDD #DDC669
Analogous
#69BADD #677EDD #8C69DD
Triadic
#677EDD #DD6980 #80DD69
Split-comp.
#677EDD #DD8C69 #BADD69
Tetradic
#677EDD #DD69BA #DDC669 #69DD8C
Monochromatic
#1D2A5E #354DAC #7386D4 #9AA8E0 #D4DAF2
Suggested palettes for this hue.
Matcha Tea View all →
Velvet & Silk View all →
White Marble View all →

  
Discover more colors View all →
Deep Navy
#000080
Pure Blue
#0000FF
Sky Blue
#60A5FA
Electric Blue
#3B82F6
Royal Blue
#4169E1
Navy Blue
#1E3A8A
Soft Sky Blue
#87CEEB
Dodger Blue
#1E90FF
🔄 Converter ♿ Contrast 🌈 Gradient