Slate Grey (66676B) — Shades, Harmonies, Palettes, CSS Code

"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 #66676B

RGB rgb(102, 103, 107)

HSL hsl(228°, 2%, 41%)

CMYK C:5% M:4% Y:0% K:58%

Luminance 0.1363

WCAG Accessibility

On white 5.65:1

Aa — #66676B

Secondary text

✓ AA ✗ AAA ✓ AA Large

On black 3.72:1

Aa — #66676B

Secondary text

✗ AA ✗ AAA ✓ AA Large

50 100 200 300 400 500 600 700 800 900 950

All harmonies

Complementary

#66676B #6B6A66

Analogous

#66696B #66676B #68666B

Triadic

#66676B #6B6667 #676B66

Split-comp.

#66676B #6B6866 #696B66

Tetradic

#66676B #6B6669 #6B6A66 #666B68

Monochromatic

#CFCFCF #9C9C9C #696969 #4F4F4F #292929

Suggested palettes for this hue.

Pop Matisse View all →

Santorini View all →

Matcha View all →