Anthracite (4C7786) — Shades, Harmonies, Palettes, CSS Code

"Anthracite"

Neutral · Summer

🧠 Psychology

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

✨ Uses

Tech, health, communication, SaaS, media.

Tip

Anthracite pairs ideally with #F7F5F0 (off-white) and a neutral background for a modern, readable result.

Values

HEX #4C7786

RGB rgb(76, 119, 134)

HSL hsl(196°, 28%, 41%)

CMYK C:43% M:11% Y:0% K:47%

Luminance 0.1661

WCAG Accessibility

On white 4.89:1

Aa — #4C7786

Secondary text

✓ AA ✗ AAA ✓ AA Large

On black 4.29:1

Aa — #4C7786

Secondary text

✗ AA ✗ AAA ✓ AA Large

50 100 200 300 400 500 600 700 800 900 950

All harmonies

Complementary

#4C7786 #865B4B

Analogous

#4B8678 #4C7786 #4B5986

Triadic

#4C7786 #864B76 #76864B

Split-comp.

#4C7786 #864B59 #86784B

Tetradic

#4C7786 #784B86 #865B4B #59864B

Monochromatic

#C6D3D7 #8AA4AD #56717B #41565D #212C30

Suggested palettes for this hue.

Danger Red View all →

Pop Art View all →

Santorini View all →