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

"Magenta"

Pink · Spring

🧠 Psychology

Emotional and creative color. Evokes transformation, innovation and modern femininity.

✨ Uses

Fashion, beauty, youth marketing, creative tech.

Tip

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

Values

HEX #8A6784

RGB rgb(138, 103, 132)

HSL hsl(310°, 15%, 47%)

CMYK C:0% M:25% Y:4% K:46%

Luminance 0.1694

WCAG Accessibility

On white 4.82:1

Aa — #8A6784

Secondary text

✓ AA ✗ AAA ✓ AA Large

On black 4.35:1

Aa — #8A6784

Secondary text

✗ AA ✗ AAA ✓ AA Large

50 100 200 300 400 500 600 700 800 900 950

All harmonies

Complementary

#8A6784 #668A6C

Analogous

#7E668A #8A6784 #8A6672

Triadic

#8A6784 #848A66 #66848A

Split-comp.

#8A6784 #728A66 #668A7E

Tetradic

#8A6784 #8A7E66 #668A6C #66728A

Monochromatic

#E0DCDF #AFA7AE #7E727C #635A61 #3B353A

Suggested palettes for this hue.

Golden Autumn View all →

Amber Warning View all →

Gradient Sunset View all →