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

RGB rgb(248, 150, 247)

HSL hsl(301°, 88%, 78%)

CMYK C:0% M:40% Y:0% K:3%

Luminance 0.4898

WCAG Accessibility

On white 1.96:1

Aa — #F896F7

Secondary text

✗ AA ✗ AAA ✗ AA Large

On black 10.7:1

Aa — #F896F7

Secondary text

✓ AA ✓ AAA ✓ AA Large

50 100 200 300 400 500 600 700 800 900 950

All harmonies

Complementary

#F896F7 #96F897

Analogous

#C996F8 #F896F7 #F896C5

Triadic

#F896F7 #F7F896 #96F7F8

Split-comp.

#F896F7 #C5F896 #96F8C9

Tetradic

#F896F7 #F8C996 #96F897 #96C5F8

Monochromatic

#AC15AA #E740E5 #F39BF1 #F8C9F7 #FFFFFF

Suggested palettes for this hue.

Purple UI View all →

Night Velvet View all →

Nordic View all →