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

RGB rgb(118, 111, 165)

HSL hsl(248°, 23%, 54%)

CMYK C:28% M:33% Y:0% K:35%

Luminance 0.1815

WCAG Accessibility

On white 4.58:1

Aa — #766FA5

Secondary text

✓ AA ✗ AAA ✓ AA Large

On black 4.59:1

Aa — #766FA5

Secondary text

✓ AA ✗ AAA ✓ AA Large

50 100 200 300 400 500 600 700 800 900 950

All harmonies

Complementary

#766FA5 #9DA56F

Analogous

#6F83A5 #766FA5 #916FA5

Triadic

#766FA5 #A5766F #6FA576

Split-comp.

#766FA5 #A5916F #83A56F

Tetradic

#766FA5 #A56F83 #9DA56F #6FA591

Monochromatic

#201F28 #4E4B62 #7F7A99 #9A97AF #C4C2D0

Suggested palettes for this hue.

Danger Red View all →

Autumn Forest View all →

Northern Lights View all →