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

RGB rgb(246, 144, 228)

HSL hsl(311°, 85%, 76%)

CMYK C:0% M:41% Y:7% K:4%

Luminance 0.4563

WCAG Accessibility

On white 2.09:1

Aa — #F690E4

Secondary text

✗ AA ✗ AAA ✗ AA Large

On black 10.03:1

Aa — #F690E4

Secondary text

✓ AA ✓ AAA ✓ AA Large

50 100 200 300 400 500 600 700 800 900 950

All harmonies

Complementary

#F690E4 #8EF6A1

Analogous

#D58EF6 #F690E4 #F68EAF

Triadic

#F690E4 #E3F68E #8EE3F6

Split-comp.

#F690E4 #AFF68E #8EF6D5

Tetradic

#F690E4 #F6D58E #8EF6A1 #8EAFF6

Monochromatic

#A11787 #E33BC4 #F094DF #F6C1EC #FFFFFF

Suggested palettes for this hue.

Coffee & Cream View all →

Sand Desert View all →

Tropical Jungle View all →