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

RGB rgb(242, 95, 151)

HSL hsl(337°, 85%, 66%)

CMYK C:0% M:61% Y:38% K:5%

Luminance 0.2938

WCAG Accessibility

On white 3.06:1

Aa — #F25F97

Secondary text

✗ AA ✗ AAA ✓ AA Large

On black 6.86:1

Aa — #F25F97

Secondary text

✓ AA ✗ AAA ✓ AA Large

50 100 200 300 400 500 600 700 800 900 950

All harmonies

Complementary

#F25F97 #5FF2B9

Analogous

#F25FE1 #F25F97 #F2705F

Triadic

#F25F97 #97F25F #5F97F2

Split-comp.

#F25F97 #5FF270 #5FE1F2

Tetradic

#F25F97 #E1F25F #5FF2B9 #705FF2

Monochromatic

#741137 #CD1D61 #E96799 #F094B7 #F9D7E4

Suggested palettes for this hue.

Dark UI View all →

Memphis Design View all →

White Marble View all →