Magenta (690A5D) — 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 #690A5D

RGB rgb(105, 10, 93)

HSL hsl(308°, 83%, 23%)

CMYK C:0% M:90% Y:11% K:59%

Luminance 0.0386

WCAG Accessibility

On white 11.65:1

Aa — #690A5D

Secondary text

✓ AA ✓ AAA ✓ AA Large

On black 1.8:1

Aa — #690A5D

Secondary text

✗ AA ✗ AAA ✗ AA Large

50 100 200 300 400 500 600 700 800 900 950

All harmonies

Complementary

#690A5D #0A6B17

Analogous

#480A6B #690A5D #6B0A2E

Triadic

#690A5D #5E6B0A #0A5E6B

Split-comp.

#690A5D #2E6B0A #0A6B48

Tetradic

#690A5D #6B480A #0A6B17 #0A2E6B

Monochromatic

#E65CD3 #BE1EA8 #65105A #390933 #000000

Suggested palettes for this hue.

Purple UI View all →

White Marble View all →

Success Green View all →