Fuchsia (F470F7) — Shades, Harmonies, Palettes, CSS Code

"Fuchsia"

Pink · Spring

🧠 Psychology

Color of mystery and creativity. Evokes luxury, spirituality and originality.

✨ Uses

Luxury, beauty, spirituality, creative tech, gaming.

Tip

Fuchsia pairs ideally with #1C1B18 (dark text) and a neutral background for a modern, readable result.

Values

HEX #F470F7

RGB rgb(244, 112, 247)

HSL hsl(299°, 89%, 70%)

CMYK C:1% M:55% Y:0% K:3%

Luminance 0.3773

WCAG Accessibility

On white 2.47:1

Aa — #F470F7

Secondary text

✗ AA ✗ AAA ✗ AA Large

On black 8.51:1

Aa — #F470F7

Secondary text

✓ AA ✓ AAA ✓ AA Large

50 100 200 300 400 500 600 700 800 900 950

All harmonies

Complementary

#F470F7 #71F76E

Analogous

#B06EF7 #F470F7 #F76EB5

Triadic

#F470F7 #F7F46E #6EF7F4

Split-comp.

#F470F7 #B5F76E #6EF7B0

Tetradic

#F470F7 #F7B06E #71F76E #6EB5F7

Monochromatic

#871089 #E11BE4 #ED76EF #F3A4F4 #FCE8FC

Suggested palettes for this hue.

Orange Energy View all →

Dark UI View all →

Gold & Black View all →