Medium Grey (A2A7AE) — Shades, Harmonies, Palettes, CSS Code

"Medium Grey"

Neutral · Timeless

🧠 Psychology

Neutral and timeless color. Evokes elegance, sobriety and minimalism.

✨ Uses

UI design, backgrounds, typography, professional interfaces.

Tip

Medium Grey pairs ideally with #1C1B18 (dark text) and a neutral background for a modern, readable result.

Values

HEX #A2A7AE

RGB rgb(162, 167, 174)

HSL hsl(215°, 7%, 66%)

CMYK C:7% M:4% Y:0% K:32%

Luminance 0.3914

WCAG Accessibility

On white 2.42:1

Aa — #A2A7AE

Secondary text

✗ AA ✗ AAA ✗ AA Large

On black 8.67:1

Aa — #A2A7AE

Secondary text

✓ AA ✓ AAA ✓ AA Large

50 100 200 300 400 500 600 700 800 900 950

All harmonies

Complementary

#A2A7AE #AEA9A2

Analogous

#A2ADAE #A2A7AE #A3A2AE

Triadic

#A2A7AE #AEA2A7 #A7AEA2

Split-comp.

#A2A7AE #AEA3A2 #ADAEA2

Tetradic

#A2A7AE #AEA2AD #AEA9A2 #A2AEA3

Monochromatic

#424242 #757575 #A8A8A8 #C2C2C2 #E8E8E8

Suggested palettes for this hue.

Pop Art View all →

Volcano View all →

Icy Winter View all →