Fuchsia (F558AE) — 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 #F558AE

RGB rgb(245, 88, 174)

HSL hsl(327°, 89%, 65%)

CMYK C:0% M:64% Y:29% K:4%

Luminance 0.2947

WCAG Accessibility

On white 3.05:1

Aa — #F558AE

Secondary text

✗ AA ✗ AAA ✓ AA Large

On black 6.89:1

Aa — #F558AE

Secondary text

✓ AA ✗ AAA ✓ AA Large

50 100 200 300 400 500 600 700 800 900 950

All harmonies

Complementary

#F558AE #56F59E

Analogous

#ED56F5 #F558AE #F5565E

Triadic

#F558AE #AEF556 #56AEF5

Split-comp.

#F558AE #5EF556 #56F5ED

Tetradic

#F558AE #F5ED56 #56F59E #565EF5

Monochromatic

#720D45 #CD187C #EC5FAD #F28DC4 #FAD1E8

Suggested palettes for this hue.

Sahara View all →

Pop Matisse View all →

Gradient Sunset View all →