#FF00FF
Fuchsia
Fuchsia is a vivid purplish-red named after the fuchsia flower. In digital color, it is identical to magenta and represents bold creativity.
Fuchsia Color Values
HEX#FF00FF
RGB255, 0, 255
HSL300°, 100%, 50%
HSV300°, 100%, 100%
CMYK0%, 100%, 0%, 0%
Color Blindness Simulation
Protanopia
Red-blind. Cannot perceive red light.
Sees: #007FFF (~1.3% of males)
Deuteranopia
Green-blind. Cannot perceive green light.
Sees: #699BFA (~1.2% of males)
Tritanopia
Blue-blind. Cannot perceive blue light.
Sees: #FF4B97 (~0.01% of population)
Achromatopsia
Total color blindness. Sees only grayscale.
Sees: #ACACAC (~0.003% of population)
Fuchsia as Text Color
Fuchsia on White
3.1:1FAIL
Fuchsia on Light Gray
2.9:1FAIL
Fuchsia on Cream
3.0:1FAIL
Fuchsia on Dark
5.4:1AA
Fuchsia on Black
6.7:1AA
Fuchsia on Soft Blue
2.7:1FAIL
Fuchsia on Soft Green
2.8:1FAIL
Fuchsia on Soft Pink
2.6:1FAIL
Nearest Tailwind Class
fuchsia-600
#C026D3
Nearest Pantone Match
Pantone Purple
#BB29BB
CSS Variable Export
:root {
--color-fuchsia: #FF00FF;
--color-fuchsia-rgb: 255, 0, 255;
}Tailwind Config
// tailwind.config.js
colors: {
'fuchsia': '#FF00FF',
}Shades of Fuchsia
#FF00FF
#E000E0
#C700C7
#A800A8
#8F008F
#700070
#570057
#380038
#1F001F
#000000
Tints of Fuchsia
#FF00FF
#FF1FFF
#FF38FF
#FF57FF
#FF70FF
#FF8FFF
#FFA8FF
#FFC7FF
#FFE0FF
#FFFFFF
Color Harmonies
Complementary
#FF00FF
#00FF00
Analogous
#7F00FF
#FF00FF
#FF0080
Triadic
#FF00FF
#FFFF00
#00FFFF
Fuchsia Text Preview
Heading in Fuchsia
Body text in Fuchsia. The quick brown fox jumps over the lazy dog.
White on Fuchsia
Body text on a Fuchsia background.
Fuchsia text on dark background
Contrast: 5.7:1