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

RGB rgb(242, 112, 239)

HSL hsl(301°, 83%, 69%)

CMYK C:0% M:54% Y:1% K:5%

Luminance 0.3691

WCAG Accessibility

On white 2.52:1

Aa — #F270EF

Secondary text

✗ AA ✗ AAA ✗ AA Large

On black 8.34:1

Aa — #F270EF

Secondary text

✓ AA ✓ AAA ✓ AA Large

50 100 200 300 400 500 600 700 800 900 950

All harmonies

Complementary

#F270EF #6EF271

Analogous

#B26EF2 #F270EF #F26EAE

Triadic

#F270EF #EFF26E #6EEFF2

Split-comp.

#F270EF #AEF26E #6EF2B2

Tetradic

#F270EF #F2B26E #6EF271 #6EAEF2

Monochromatic

#80147E #D822D5 #EA76E8 #F1A2EF #FBE5FA

Suggested palettes for this hue.

Green Meadow View all →

Dark UI View all →

Purple Mystery View all →