Anthracite (507F86) — 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 #507F86

RGB rgb(80, 127, 134)

HSL hsl(188°, 25%, 42%)

CMYK C:40% M:5% Y:0% K:47%

Luminance 0.1884

WCAG Accessibility

On white 4.45:1

Aa — #507F86

Secondary text

✗ AA ✗ AAA ✓ AA Large

On black 4.72:1

Aa — #507F86

Secondary text

✓ AA ✗ AAA ✓ AA Large

50 100 200 300 400 500 600 700 800 900 950

All harmonies

Complementary

#507F86 #865750

Analogous

#508672 #507F86 #506486

Triadic

#507F86 #86507F #7F8650

Split-comp.

#507F86 #865064 #867250

Tetradic

#507F86 #725086 #865750 #648650

Monochromatic

#CAD6D8 #90A9AD #5B777B #455B5E #253032

Suggested palettes for this hue.

Tropical Fruits View all →

Amber Warning View all →

Vintage Sepia View all →