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

RGB rgb(245, 132, 213)

HSL hsl(317°, 85%, 74%)

CMYK C:0% M:46% Y:13% K:4%

Luminance 0.4113

WCAG Accessibility

On white 2.3:1

Aa — #F584D5

Secondary text

✗ AA ✗ AAA ✗ AA Large

On black 9.14:1

Aa — #F584D5

Secondary text

✓ AA ✓ AAA ✓ AA Large

50 100 200 300 400 500 600 700 800 900 950

All harmonies

Complementary

#F584D5 #84F5A4

Analogous

#DD84F5 #F584D5 #F5849D

Triadic

#F584D5 #D5F584 #84D5F5

Split-comp.

#F584D5 #9DF584 #84F5DD

Tetradic

#F584D5 #F5DD84 #84F5A4 #849DF5

Monochromatic

#981673 #E232B0 #EE8BD2 #F5B8E3 #FEFBFD

Suggested palettes for this hue.

Electric Vibes View all →

Pastel Spring View all →

Chocolate View all →