Medium Grey (86A7AF) — Shades, Harmonies, Palettes, CSS Code

"Medium Grey"

Neutral · Summer

🧠 Psychology

Fresh and soothing color. Evokes clarity, communication and technological innovation.

✨ Uses

Tech, health, communication, SaaS, media.

Tip

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

Values

HEX #86A7AF

RGB rgb(134, 167, 175)

HSL hsl(192°, 20%, 61%)

CMYK C:23% M:5% Y:0% K:31%

Luminance 0.365

WCAG Accessibility

On white 2.57:1

Aa — #86A7AF

Secondary text

✗ AA ✗ AAA ✗ AA Large

On black 8.16:1

Aa — #86A7AF

Secondary text

✓ AA ✓ AAA ✓ AA Large

50 100 200 300 400 500 600 700 800 900 950

All harmonies

Complementary

#86A7AF #AF9088

Analogous

#88AFA4 #86A7AF #8894AF

Triadic

#86A7AF #AF88A7 #A7AF88

Split-comp.

#86A7AF #AF8894 #AFA488

Tetradic

#86A7AF #A488AF #AF9088 #94AF88

Monochromatic

#30393B #5E6F73 #92A2A5 #AEB9BC #D8DDDF

Suggested palettes for this hue.

Concrete Steel View all →

Golden Autumn View all →

Pastel 80s View all →