Similar colors View all →
Slate Grey
#677DAD
Slate Grey
#6B7280
Medium Grey
#9CA3AF
Charcoal
#374151
Almost Black
#111827
Night Grey
#1F2937
Steel Blue
#B0C4DE
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 #677DAD
RGB rgb(103, 125, 173)
HSL hsl(221°, 30%, 54%)
CMYK C:40% M:28% Y:0% K:32%
Luminance 0.2087
WCAG Accessibility
On white 4.11:1
Aa — #677DAD
Secondary text
✗ AA ✗ AAA ✓ AA Large
On black 5.11:1
Aa — #677DAD
Secondary text
✓ AA ✗ AAA ✓ AA Large

All harmonies

Complementary
#677DAD #AD9767
Analogous
#67A0AD #677DAD #7367AD
Triadic
#677DAD #AD677D #7DAD67
Split-comp.
#677DAD #AD7367 #A0AD67
Tetradic
#677DAD #AD67A0 #AD9767 #67AD73
Monochromatic
#1D212B #455068 #7281A1 #919CB6 #BFC6D4
Suggested palettes for this hue.
Tech Blue View all →
Tokyo Neon View all →
Concrete Steel View all →

  
Discover more colors View all →
Ivory
#F8F7F4
Silver Grey
#D1D5DB
Pure White
#FFFFFF
Slate Grey
#6B7280
Smoke White
#F5F5F5
Medium Grey
#9CA3AF
Pearl Grey
#E5E7EB
Anthracite
#4B5563
🔄 Converter ♿ Contrast 🌈 Gradient