Similar colors View all →
Slate Grey
#686C7B
Slate Grey
#6B7280
Medium Grey
#9CA3AF
Anthracite
#4B5563
Charcoal
#374151
Pearl Grey
#E5E7EB
Silver Grey
#D1D5DB
Night Grey
#1F2937
Almost Black
#111827
Navy Blue
#1E3A8A
Royal Blue
#4169E1
Steel Blue
#B0C4DE
Sapphire
#2563EB
"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 #686C7B
RGB rgb(104, 108, 123)
HSL hsl(227°, 8%, 45%)
CMYK C:15% M:12% Y:0% K:52%
Luminance 0.1521
WCAG Accessibility
On white 5.22:1
Aa — #686C7B
Secondary text
✓ AA ✗ AAA ✓ AA Large
On black 4.02:1
Aa — #686C7B
Secondary text
✗ AA ✗ AAA ✓ AA Large

All harmonies

Complementary
#686C7B #7C786A
Analogous
#6A777C #686C7B #6F6A7C
Triadic
#686C7B #7C6A6E #6E7C6A
Split-comp.
#686C7B #7C6F6A #777C6A
Tetradic
#686C7B #7C6A77 #7C786A #6A7C6F
Monochromatic
#D9D9D9 #A6A6A6 #737373 #595959 #333333
Suggested palettes for this hue.
Golden Autumn View all →
Cherry Blossom View all →
Vintage Sepia View all →

  
Discover more colors View all →
Charcoal
#374151
Ivory
#F8F7F4
Slate Grey
#6B7280
Medium Grey
#9CA3AF
Smoke White
#F5F5F5
Night Grey
#1F2937
Pure White
#FFFFFF
Almost Black
#111827
🔄 Converter ♿ Contrast 🌈 Gradient