Similar colors View all →
Slate Grey
#677A84
Anthracite
#4B5563
Slate Grey
#6B7280
Medium Grey
#9CA3AF
Charcoal
#374151
Silver Grey
#D1D5DB
Night Grey
#1F2937
Pearl Grey
#E5E7EB
Steel Blue
#B0C4DE
Azure
#0EA5E9
Soft Sky Blue
#87CEEB
Almost Black
#111827
Mint Turquoise
#4ECDC4
"Slate Grey"
Neutral · Timeless
🧠 Psychology
Neutral and timeless color. Evokes elegance, sobriety and minimalism.
✨ Uses
UI design, backgrounds, typography, professional interfaces.
Tip
Slate Grey pairs ideally with #F7F5F0 (off-white) and a neutral background for a modern, readable result.
Values
HEX #677A84
RGB rgb(103, 122, 132)
HSL hsl(201°, 12%, 46%)
CMYK C:22% M:8% Y:0% K:48%
Luminance 0.1872
WCAG Accessibility
On white 4.47:1
Aa — #677A84
Secondary text
✗ AA ✗ AAA ✓ AA Large
On black 4.69:1
Aa — #677A84
Secondary text
✓ AA ✗ AAA ✓ AA Large

All harmonies

Complementary
#677A84 #837167
Analogous
#67837F #677A84 #676B83
Triadic
#677A84 #83677A #7A8367
Split-comp.
#677A84 #83676B #837F67
Tetradic
#677A84 #7F6783 #837167 #6B8367
Monochromatic
#DBDCDC #A7A9AA #737678 #5A5C5E #343637
Suggested palettes for this hue.
Dark UI View all →
Coral Sea View all →
Kyoto Zen View all →

  
Discover more colors View all →
Almost Black
#111827
Anthracite
#4B5563
Charcoal
#374151
Pure White
#FFFFFF
Slate Grey
#6B7280
Pearl Grey
#E5E7EB
Pure Black
#000000
Ivory
#F8F7F4
🔄 Converter ♿ Contrast 🌈 Gradient