Similar colors View all →
Slate Grey
#686572
Slate Grey
#6B7280
Night Indigo
#4C1D95
Amethyst
#6D28D9
Anthracite
#4B5563
Medium Grey
#9CA3AF
Charcoal
#374151
Pearl Grey
#E5E7EB
Deep Violet
#7C3AED
Plum
#7E22CE
Silver Grey
#D1D5DB
Vibrant Mauve
#8B5CF6
Soft Lavender
#A78BFA
"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 #686572
RGB rgb(104, 101, 114)
HSL hsl(254°, 6%, 42%)
CMYK C:9% M:11% Y:0% K:55%
Luminance 0.1351
WCAG Accessibility
On white 5.69:1
Aa — #686572
Secondary text
✓ AA ✗ AAA ✓ AA Large
On black 3.69:1
Aa — #686572
Secondary text
✗ AA ✗ AAA ✓ AA Large

All harmonies

Complementary
#686572 #6F7265
Analogous
#656872 #686572 #6E6572
Triadic
#686572 #726865 #657268
Split-comp.
#686572 #726E65 #687265
Tetradic
#686572 #726568 #6F7265 #65726E
Monochromatic
#D1D1D1 #9E9E9E #6B6B6B #525252 #2B2B2B
Suggested palettes for this hue.
Coffee & Cream View all →
Marrakech View all →
Memphis Design View all →

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