Fuchsia (E774DC) — Shades, Harmonies, Palettes, CSS Code

"Fuchsia"

Pink · Spring

🧠 Psychology

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

✨ Uses

Fashion, beauty, youth marketing, creative tech.

Tip

Fuchsia pairs ideally with #1C1B18 (dark text) and a neutral background for a modern, readable result.

Values

HEX #E774DC

RGB rgb(231, 116, 220)

HSL hsl(306°, 71%, 68%)

CMYK C:0% M:50% Y:5% K:9%

Luminance 0.3497

WCAG Accessibility

On white 2.65:1

Aa — #E774DC

Secondary text

✗ AA ✗ AAA ✗ AA Large

On black 7.93:1

Aa — #E774DC

Secondary text

✓ AA ✓ AAA ✓ AA Large

50 100 200 300 400 500 600 700 800 900 950

All harmonies

Complementary

#E774DC #73E77F

Analogous

#B973E7 #E774DC #E773A2

Triadic

#E774DC #DCE773 #73DCE7

Split-comp.

#E774DC #A2E773 #73E7B9

Tetradic

#E774DC #E7B973 #73E77F #73A2E7

Monochromatic

#731C6A #C530B6 #DF7CD5 #E9A5E2 #F8E2F6

Suggested palettes for this hue.

Dark UI View all →

Neon 90s View all →

Red Passion View all →