Fuchsia #FF00FF

Fuchsia is a vivid pink-purple named after the fuchsia flower, and in CSS its hex code is #FF00FF. It is fully saturated and very bright, made from full red and full blue light with no green. It suggests tropical flowers, summer fashion, lipstick and bold, playful design.

CSS defines fuchsia and magenta as the same color, #FF00FF. Outside web code, brands use fuchsia loosely for many bright purple-pinks, so two fuchsia products may not match.

Fuchsia color codes
HEX#FF00FF
RGBrgb(255, 0, 255)
HSLhsl(300, 100%, 50%)
HSVhsv(300, 100%, 100%)
CMYKcmyk(0%, 100%, 0%, 0%)

Text on Fuchsia

Black text reads better on Fuchsia. Ratios use the WCAG 2 formula: 4.5:1 passes AA for body text, 3:1 passes for large text.

White text

The quick brown fox jumps over the lazy dog.

3.13:1 · AA large
Black text

The quick brown fox jumps over the lazy dog.

6.69:1 · AA

Colors that go with Fuchsia

Fuchsia tints and shades

Tints mix Fuchsia with white, shades mix it with black, in 15% steps. Copy any code, or open the tint and shade generator for a full scale.

Tints

#FF26FF
#FF4DFF
#FF73FF
#FF99FF
#FFBFFF

Shades

#D900D9
#B300B3
#8C008C
#660066
#400040

Fuchsia color schemes

Color-wheel harmonies built by rotating the hue of #FF00FF and keeping its saturation and lightness.

Complementary

#FF00FF
#00FF00

Analogous

#8000FF
#FF00FF
#FF0080

Triadic

#FF00FF
#FFFF00
#00FFFF

Split complementary

#FF00FF
#80FF00
#00FF80

Tetradic

#FF00FF
#FF8000
#00FF00
#0080FF

Fuchsia color meaning

The fuchsia plant was named after Leonhart Fuchs, a 16th-century German botanist, and the color takes its name from the plant's bright pink and purple flowers. A synthetic dye called fuchsine, first made in the late 1850s, helped make the shade fashionable.

Because it comes from a flower, fuchsia has a more natural, botanical image than magenta, even though the screen values are identical. People tend to read it as confident, feminine and festive, especially in summer clothing and beachwear.

Bright pinks in the fuchsia range are common in Indian and Mexican textiles and celebrations, often next to orange, gold and turquoise. In those settings the color feels joyful and traditional, with none of the novelty it can have in Western branding.

How to use Fuchsia in design

Fuchsia is a bold accent for fashion, beauty, events and creative brands. Use black or very dark text on it; white text is only readable at large sizes. On websites it works for highlights, buttons and illustrations, but large fuchsia areas can strain the eyes.

Pair it with deep greens, navy or black for a polished look, or with orange and yellow for a festive one. In interiors, a fuchsia cushion, rug or print brightens a neutral room without needing anything else.

Palettes with Fuchsia tones

Curated palettes with a color close to #FF00FF.

Colors similar to Fuchsia

Work with Fuchsia

Fuchsia FAQ

What colors go with fuchsia?

Deep greens like emerald or hunter green echo the fuchsia flower and its leaves. Navy and black make it look sharp and grown up. For a festive look, add orange, gold or turquoise. Soft neutrals like cream and light gray let fuchsia take the lead without competing.

What is the difference between fuchsia and hot pink?

Fuchsia #FF00FF is a full-strength mix of red and blue light, so it looks vivid and slightly purple. Hot pink #FF69B4 is lighter, softer and pinker. Fuchsia feels tropical and intense, and hot pink feels playful and a little closer to a pastel.