"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
Aa — #686C7B
Secondary text
✓ AA
✗ AAA
✓ AA Large
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.