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

RGB rgb(249, 124, 169)

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

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

Luminance 0.3774

WCAG Accessibility

On white 2.48:1

Aa — #F97CA9

Secondary text

✗ AA ✗ AAA ✗ AA Large

On black 8.48:1

Aa — #F97CA9

Secondary text

✓ AA ✓ AAA ✓ AA Large

50 100 200 300 400 500 600 700 800 900 950

All harmonies

Complementary

#F97CA9 #7BF9CB

Analogous

#F97BE8 #F97CA9 #F98C7B

Triadic

#F97CA9 #A9F97B #7BA9F9

Split-comp.

#F97CA9 #7BF98C #7BE8F9

Tetradic

#F97CA9 #E8F97B #7BF9CB #8C7BF9

Monochromatic

#981042 #E8266D #F282AB #F7B1CA #FEF6F9

Suggested palettes for this hue.

White Marble View all →

French Riviera View all →

Dark UI View all →