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

RGB rgb(245, 80, 185)

HSL hsl(322°, 89%, 64%)

CMYK C:0% M:67% Y:24% K:4%

Luminance 0.2862

WCAG Accessibility

On white 3.12:1

Aa — #F550B9

Secondary text

✗ AA ✗ AAA ✓ AA Large

On black 6.73:1

Aa — #F550B9

Secondary text

✓ AA ✗ AAA ✓ AA Large

50 100 200 300 400 500 600 700 800 900 950

All harmonies

Complementary

#F550B9 #51F58D

Analogous

#DF51F5 #F550B9 #F55167

Triadic

#F550B9 #B9F551 #51B9F5

Split-comp.

#F550B9 #67F551 #51F5DF

Tetradic

#F550B9 #F5DF51 #51F58D #5167F5

Monochromatic

#6E0D4A #C91888 #EC5BB7 #F188CB #F9CDE9

Suggested palettes for this hue.

Orange Energy View all →

Grey Minimal View all →

Purple Mystery View all →