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

RGB rgb(105, 105, 132)

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

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

Luminance 0.1487

WCAG Accessibility

On white 5.31:1

Aa — #696984

Secondary text

✓ AA ✗ AAA ✓ AA Large

On black 3.95:1

Aa — #696984

Secondary text

✗ AA ✗ AAA ✓ AA Large

50 100 200 300 400 500 600 700 800 900 950

All harmonies

Complementary

#696984 #828268

Analogous

#687582 #696984 #756882

Triadic

#696984 #826868 #688268

Split-comp.

#696984 #827568 #758268

Tetradic

#696984 #826875 #828268 #688275

Monochromatic

#DBDBDC #A7A7A9 #747476 #5B5B5D #353536

Suggested palettes for this hue.

Electric Vibes View all →

Matcha View all →

Chocolate View all →