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

All harmonies

Complementary
#677FAD #AD9467
Analogous
#67A2AD #677FAD #7167AD
Triadic
#677FAD #AD677F #7FAD67
Split-comp.
#677FAD #AD7167 #A2AD67
Tetradic
#677FAD #AD67A2 #AD9467 #67AD71
Monochromatic
#1D222B #455168 #7283A1 #919EB6 #BFC6D4
Suggested palettes for this hue.
French Riviera View all →
Arctic Tundra View all →
Marrakech View all →

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