Similar colors View all →
Slate Grey
#677EAD
Slate Grey
#6B7280
Medium Grey
#9CA3AF
Charcoal
#374151
Night Grey
#1F2937
Steel Blue
#B0C4DE
Almost Black
#111827
Anthracite
#4B5563
Pearl Grey
#E5E7EB
Silver Grey
#D1D5DB
Royal Blue
#4169E1
Navy Blue
#1E3A8A
Sapphire
#2563EB
"Slate Grey"
Neutral · Winter
🧠 Psychology
Color of trust and stability. Evokes professionalism, security and serenity.
✨ Uses
Finance, banking, enterprise, software, social networks.
Tip
Slate Grey pairs ideally with #F7F5F0 (off-white) and a neutral background for a modern, readable result.
Values
HEX #677EAD
RGB rgb(103, 126, 173)
HSL hsl(220°, 30%, 54%)
CMYK C:40% M:27% Y:0% K:32%
Luminance 0.2113
WCAG Accessibility
On white 4.07:1
Aa — #677EAD
Secondary text
✗ AA ✗ AAA ✓ AA Large
On black 5.16:1
Aa — #677EAD
Secondary text
✓ AA ✗ AAA ✓ AA Large

All harmonies

Complementary
#677EAD #AD9567
Analogous
#67A1AD #677EAD #7267AD
Triadic
#677EAD #AD677E #7EAD67
Split-comp.
#677EAD #AD7267 #A1AD67
Tetradic
#677EAD #AD67A1 #AD9567 #67AD72
Monochromatic
#1D212B #455168 #7282A1 #919DB6 #BFC6D4
Suggested palettes for this hue.
Chocolate View all →
Mediterranean View all →
Gold & Black View all →

  
Discover more colors View all →
Pure Black
#000000
Slate Grey
#6B7280
Smoke White
#F5F5F5
Almost Black
#111827
Pearl Grey
#E5E7EB
Medium Grey
#9CA3AF
Anthracite
#4B5563
Night Grey
#1F2937
🔄 Converter ♿ Contrast 🌈 Gradient