Fuchsia

#FF00FF

What color is Fuchsia?

Fuchsia is a vivid purplish-pink, bright enough to appear almost electric against neutral backgrounds, hex #FF00FF, close to the color of a fuchsia flower in full bloom. It sits between pink and magenta, with enough purple to separate it clearly from coral or hot pink.

What is the meaning of the color Fuchsia?

Named after the fuchsia plant, itself named in 1703 by botanist Charles Plumier in honor of German physician Leonhart Fuchs, the color entered wider use in the 19th century alongside synthetic dye development. François-Emmanuel Verguin synthesized the dye fuchsine in 1859, giving the color its first industrial foothold in fashion and textile trade. The name fuchsia became a recognized English color term through the dye trade, where it labeled vivid pinks with purple leanings. Schiaparelli Pink, introduced by designer Elsa Schiaparelli in 1937, brought a close relative of fuchsia into high fashion and helped fix this range of color as a mark of boldness.

RGB
255, 0, 255
HSL
300°, 100%, 50%
CMYK
0, 100, 0, 0
HSV
300°, 100%, 100%
Fuchsia color

What colors go with Fuchsia?

Colors that pair well with Fuchsia include:
Navy Blue: deep, grounding contrast
Lime Green: bold, high-energy pop
Gold: warm, rich balance
White: clean, open softness
Charcoal Gray: muted, steadying depth

Similar Colors

Conversions & Codes

Format Value CSS
HEX #FF00FF color: #FF00FF;
RGB 255, 0, 255 color: rgb(255, 0, 255);
RGB Percentage 100%, 0%, 100% color: rgb(100%, 0%, 100%);
CMYK 0%, 100%, 0%, 0% Not supported in CSS
HSL 300°, 100%, 50% color: hsl(300, 100%, 50%);
HSV 300°, 100%, 100% Not supported in CSS
CIE-LAB 40, 51, -85 color: lab(40% 51 -85);
Decimal 16711935 Not supported in CSS

Color Variations

Shades

#FF00FF
#E600E6
#CC00CC
#B300B3
#990099
#800080
#660066
#4D004D

Tints

#FFB3FF
#FF99FF
#FF80FF
#FF66FF
#FF4DFF
#FF33FF
#FF1AFF
#FF00FF

Tones

#FF00FF
#F20DF2
#E61AE6
#D926D9
#CC33CC
#BF40BF
#B34DB3
#A659A6

Hues

#FF00FF
#FF0040
#FF8000
#BFFF00
#00FF00
#00FFBF
#0080FF
#4000FF

Color Harmonies

Analogous

#8000FF
Click to copy
#FF00FF
Click to copy
#FF0080
Click to copy
98%

Complementary

#FF00FF
Click to copy
#00FF00
Click to copy
100%

Split Complementary

#FF00FF
Click to copy
#80FF00
Click to copy
#00FF80
Click to copy

Triadic

#FF00FF
Click to copy
#FFFF00
Click to copy
#00FFFF
Click to copy
100%

Tetradic

#FF00FF
Click to copy
#FF8000
Click to copy
#00FF00
Click to copy
100%
#0080FF
Click to copy
100%

Square

#FF00FF
Click to copy
#FF8000
Click to copy
#00FF00
Click to copy
100%
#0080FF
Click to copy
100%

CSS & Dev Snippets

CSS
.fuchsia {
  color: #FF00FF;
}
SCSS
$fuchsia: #FF00FF;
RGB
rgb(255, 0, 255)

Accessibility & Contrast

White background

3.14:1
3.14
contrast ratio on a white background
Element
AA
AAA
Small text
Large text
UI element

Black background

6.70:1
6.70
contrast ratio on a black background
Element
AA
AAA
Small text
Large text
UI element

Popular Tags