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

RGB rgb(243, 112, 235)

HSL hsl(304°, 85%, 70%)

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

Luminance 0.3686

WCAG Accessibility

On white 2.52:1

Aa — #F370EB

Secondary text

✗ AA ✗ AAA ✗ AA Large

On black 8.33:1

Aa — #F370EB

Secondary text

✓ AA ✓ AAA ✓ AA Large

50 100 200 300 400 500 600 700 800 900 950

All harmonies

Complementary

#F370EB #71F47A

Analogous

#BB71F4 #F370EB #F471AA

Triadic

#F370EB #EBF471 #71EBF4

Split-comp.

#F370EB #AAF471 #71F4BB

Tetradic

#F370EB #F4BB71 #71F47A #71AAF4

Monochromatic

#86137E #DF20D2 #EC79E4 #F2A6ED #FCE9FB

Suggested palettes for this hue.

Dragonfruit View all →

Leather & Wood View all →

Dark UI View all →