Slate Grey (63637B) — 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 #63637B

RGB rgb(99, 99, 123)

HSL hsl(240°, 11%, 44%)

CMYK C:20% M:20% Y:0% K:52%

Luminance 0.1303

WCAG Accessibility

On white 5.83:1

Aa — #63637B

Secondary text

✓ AA ✗ AAA ✓ AA Large

On black 3.6:1

Aa — #63637B

Secondary text

✗ AA ✗ AAA ✓ AA Large

50 100 200 300 400 500 600 700 800 900 950

All harmonies

Complementary

#63637B #7D7D64

Analogous

#64707D #63637B #70647D

Triadic

#63637B #7D6464 #647D64

Split-comp.

#63637B #7D7064 #707D64

Tetradic

#63637B #7D6470 #7D7D64 #647D70

Monochromatic

#D6D6D7 #A2A2A4 #6F6F71 #565658 #303031

Suggested palettes for this hue.

Orange Energy View all →

Nordic View all →

Tropical Fruits View all →