Slate Grey (4A4D59) — 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 #4A4D59

RGB rgb(74, 77, 89)

HSL hsl(228°, 9%, 32%)

CMYK C:17% M:13% Y:0% K:65%

Luminance 0.0724

WCAG Accessibility

On white 8.41:1

Aa — #4A4D59

Secondary text

✓ AA ✓ AAA ✓ AA Large

On black 2.5:1

Aa — #4A4D59

Secondary text

✗ AA ✗ AAA ✗ AA Large

50 100 200 300 400 500 600 700 800 900 950

All harmonies

Complementary

#4A4D59 #59564A

Analogous

#4A5559 #4A4D59 #4F4A59

Triadic

#4A4D59 #594A4D #4D594A

Split-comp.

#4A4D59 #594F4A #55594A

Tetradic

#4A4D59 #594A55 #59564A #4A594F

Monochromatic

#B8B8B8 #858585 #525252 #383838 #121212

Suggested palettes for this hue.

Danger Red View all →

Matcha Tea View all →

Retro 70s View all →