Magenta (8F336F) — 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 #8F336F

RGB rgb(143, 51, 111)

HSL hsl(321°, 47%, 38%)

CMYK C:0% M:64% Y:22% K:44%

Luminance 0.0919

WCAG Accessibility

On white 7.31:1

Aa — #8F336F

Secondary text

✓ AA ✓ AAA ✓ AA Large

On black 2.87:1

Aa — #8F336F

Secondary text

✗ AA ✗ AAA ✗ AA Large

50 100 200 300 400 500 600 700 800 900 950

All harmonies

Complementary

#8F336F #338E53

Analogous

#81338E #8F336F #8E3341

Triadic

#8F336F #6F8E33 #336F8E

Split-comp.

#8F336F #418E33 #338E81

Tetradic

#8F336F #8E8133 #338E53 #33418E

Monochromatic

#DCB2CD #BC6CA0 #853D6C #622D4F #2D1525

Suggested palettes for this hue.

Rose Gold View all →

Retro 70s View all →

Pastel 80s View all →