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

RGB rgb(112, 134, 146)

HSL hsl(201°, 13%, 51%)

CMYK C:23% M:8% Y:0% K:43%

Luminance 0.2296

WCAG Accessibility

On white 3.81:1

Aa — #708692

Secondary text

✗ AA ✗ AAA ✓ AA Large

On black 5.51:1

Aa — #708692

Secondary text

✓ AA ✗ AAA ✓ AA Large

50 100 200 300 400 500 600 700 800 900 950

All harmonies

Complementary

#708692 #927D72

Analogous

#72928D #708692 #727792

Triadic

#708692 #927287 #879272

Split-comp.

#708692 #927277 #928D72

Tetradic

#708692 #8D7292 #927D72 #779272

Monochromatic

#1B1C1D #4D5051 #7E8386 #999C9F #C0C2C4

Suggested palettes for this hue.

Chocolate View all →

Volcano View all →

White Marble View all →