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

RGB rgb(244, 93, 166)

HSL hsl(331°, 87%, 66%)

CMYK C:0% M:62% Y:32% K:4%

Luminance 0.2988

WCAG Accessibility

On white 3.02:1

Aa — #F45DA6

Secondary text

✗ AA ✗ AAA ✓ AA Large

On black 6.96:1

Aa — #F45DA6

Secondary text

✓ AA ✗ AAA ✓ AA Large

50 100 200 300 400 500 600 700 800 900 950

All harmonies

Complementary

#F45DA6 #5DF4AB

Analogous

#F45DF1 #F45DA6 #F45F5D

Triadic

#F45DA6 #A6F45D #5DA6F4

Split-comp.

#F45DA6 #5DF45F #5DF1F4

Tetradic

#F45DA6 #F1F45D #5DF4AB #5F5DF4

Monochromatic

#750F41 #D01B72 #EB66A6 #F193C0 #FAD6E7

Suggested palettes for this hue.

Pop Matisse View all →

Green Meadow View all →

Pastel Spring View all →