Similar colors View all →
Slate Grey
#677CAD
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 #677CAD
RGB rgb(103, 124, 173)
HSL hsl(222°, 30%, 54%)
CMYK C:40% M:28% Y:0% K:32%
Luminance 0.2061
WCAG Accessibility
On white 4.15:1
Aa — #677CAD
Secondary text
✗ AA ✗ AAA ✓ AA Large
On black 5.06:1
Aa — #677CAD
Secondary text
✓ AA ✗ AAA ✓ AA Large

All harmonies

Complementary
#677CAD #AD9867
Analogous
#679FAD #677CAD #7567AD
Triadic
#677CAD #AD677C #7CAD67
Split-comp.
#677CAD #AD7567 #9FAD67
Tetradic
#677CAD #AD679F #AD9867 #67AD75
Monochromatic
#1D212B #455068 #7280A1 #919CB6 #BFC5D4
Suggested palettes for this hue.
Arctic Tundra View all →
Matcha View all →
Concrete Steel View all →

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