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

RGB rgb(75, 75, 88)

HSL hsl(240°, 8%, 32%)

CMYK C:15% M:15% Y:0% K:65%

Luminance 0.0698

WCAG Accessibility

On white 8.58:1

Aa — #4B4B58

Secondary text

✓ AA ✓ AAA ✓ AA Large

On black 2.45:1

Aa — #4B4B58

Secondary text

✗ AA ✗ AAA ✗ AA Large

50 100 200 300 400 500 600 700 800 900 950

All harmonies

Complementary

#4B4B58 #58584B

Analogous

#4B5258 #4B4B58 #524B58

Triadic

#4B4B58 #584B4B #4B584B

Split-comp.

#4B4B58 #58524B #52584B

Tetradic

#4B4B58 #584B52 #58584B #4B5852

Monochromatic

#B8B8B8 #858585 #525252 #383838 #121212

Suggested palettes for this hue.

Cherry Blossom View all →

Dark UI View all →

Success Green View all →