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

RGB rgb(81, 86, 142)

HSL hsl(235°, 27%, 44%)

CMYK C:43% M:39% Y:0% K:44%

Luminance 0.1024

WCAG Accessibility

On white 6.84:1

Aa — #51568E

Secondary text

✓ AA ✗ AAA ✓ AA Large

On black 3.07:1

Aa — #51568E

Secondary text

✗ AA ✗ AAA ✓ AA Large

50 100 200 300 400 500 600 700 800 900 950

All harmonies

Complementary

#51568E #8E8952

Analogous

#52758E #51568E #6B528E

Triadic

#51568E #8E5257 #578E52

Split-comp.

#51568E #8E6B52 #758E52

Tetradic

#51568E #8E5275 #8E8952 #528E6B

Monochromatic

#CFD0DD #9496B3 #5D6083 #484A65 #282A39

Suggested palettes for this hue.

Golden Autumn View all →

Pastel Spring View all →

Grey Minimal View all →