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

RGB rgb(249, 125, 243)

HSL hsl(303°, 91%, 73%)

CMYK C:0% M:50% Y:2% K:2%

Luminance 0.4157

WCAG Accessibility

On white 2.27:1

Aa — #F97DF3

Secondary text

✗ AA ✗ AAA ✗ AA Large

On black 9.26:1

Aa — #F97DF3

Secondary text

✓ AA ✓ AAA ✓ AA Large

50 100 200 300 400 500 600 700 800 900 950

All harmonies

Complementary

#F97DF3 #7BF982

Analogous

#C07BF9 #F97DF3 #F97BB4

Triadic

#F97DF3 #F3F97B #7BF3F9

Split-comp.

#F97DF3 #B4F97B #7BF9C0

Tetradic

#F97DF3 #F9C07B #7BF982 #7BB4F9

Monochromatic

#981091 #E826DF #F282EC #F7B1F3 #FEF6FE

Suggested palettes for this hue.

Grey Minimal View all →

Green Meadow View all →

Matcha View all →