Magenta (8C7D8B) — Shades, Harmonies, Palettes, CSS Code

"Magenta"

Pink · Timeless

🧠 Psychology

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

✨ Uses

UI design, backgrounds, typography, professional interfaces.

Tip

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

Values

HEX #8C7D8B

RGB rgb(140, 125, 139)

HSL hsl(304°, 6%, 52%)

CMYK C:0% M:11% Y:1% K:45%

Luminance 0.2249

WCAG Accessibility

On white 3.87:1

Aa — #8C7D8B

Secondary text

✗ AA ✗ AAA ✓ AA Large

On black 5.42:1

Aa — #8C7D8B

Secondary text

✓ AA ✗ AAA ✓ AA Large

50 100 200 300 400 500 600 700 800 900 950

All harmonies

Complementary

#8C7D8B #7D8C7E

Analogous

#867D8C #8C7D8B #8C7D84

Triadic

#8C7D8B #8B8C7D #7D8B8C

Split-comp.

#8C7D8B #848C7D #7D8C86

Tetradic

#8C7D8B #8C867D #7D8C7E #7D848C

Monochromatic

#1F1F1F #525252 #858585 #9E9E9E #C4C4C4

Suggested palettes for this hue.

Northern Lights View all →

Orange Energy View all →

Blue Serenity View all →