Medium Grey (77A1B4) — 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 #F7F5F0 (off-white) and a neutral background for a modern, readable result.

Values

HEX #77A1B4

RGB rgb(119, 161, 180)

HSL hsl(199°, 29%, 59%)

CMYK C:34% M:11% Y:0% K:29%

Luminance 0.3334

WCAG Accessibility

On white 2.78:1

Aa — #77A1B4

Secondary text

✗ AA ✗ AAA ✗ AA Large

On black 7.54:1

Aa — #77A1B4

Secondary text

✓ AA ✓ AAA ✓ AA Large

50 100 200 300 400 500 600 700 800 900 950

All harmonies

Complementary

#77A1B4 #B58B78

Analogous

#78B5AA #77A1B4 #7883B5

Triadic

#77A1B4 #B578A2 #A2B578

Split-comp.

#77A1B4 #B57883 #B5AA78

Tetradic

#77A1B4 #AA78B5 #B58B78 #83B578

Monochromatic

#27343A #516A76 #839EAA #A1B5BF #CED9DE

Suggested palettes for this hue.

Tech Blue View all →

Santorini View all →

Volcano View all →