Slate Grey (525C84) — Shades, Harmonies, Palettes, CSS Code

"Slate Grey"

Neutral · Winter

🧠 Psychology

Color of trust and stability. Evokes professionalism, security and serenity.

✨ Uses

Finance, banking, enterprise, software, social networks.

Tip

Slate Grey pairs ideally with #F7F5F0 (off-white) and a neutral background for a modern, readable result.

Values

HEX #525C84

RGB rgb(82, 92, 132)

HSL hsl(228°, 23%, 42%)

CMYK C:38% M:30% Y:0% K:48%

Luminance 0.1104

WCAG Accessibility

On white 6.52:1

Aa — #525C84

Secondary text

✓ AA ✗ AAA ✓ AA Large

On black 3.22:1

Aa — #525C84

Secondary text

✗ AA ✗ AAA ✓ AA Large

50 100 200 300 400 500 600 700 800 900 950

All harmonies

Complementary

#525C84 #847A52

Analogous

#527584 #525C84 #615284

Triadic

#525C84 #84525C #5C8452

Split-comp.

#525C84 #846152 #758452

Tetradic

#525C84 #845275 #847A52 #528461

Monochromatic

#CBCED7 #9297AB #5D6379 #474B5C #262831

Suggested palettes for this hue.

Provence Lavender View all →

Sahara View all →

Amazon View all →