#FF00FF
Magenta
Magenta is a vivid purplish-red that does not exist on the visible light spectrum -- it is an extraspectral color created by the brain. It is bold, creative, and unconventional.
Magenta 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)
Magenta as Text Color
Magenta on White
3.1:1FAIL
Magenta on Light Gray
2.9:1FAIL
Magenta on Cream
3.0:1FAIL
Magenta on Dark
5.4:1AA
Magenta on Black
6.7:1AA
Magenta on Soft Blue
2.7:1FAIL
Magenta on Soft Green
2.8:1FAIL
Magenta on Soft Pink
2.6:1FAIL
Nearest Tailwind Class
fuchsia-600
#C026D3
Nearest Pantone Match
Pantone Purple
#BB29BB
CSS Variable Export
:root {
--color-magenta: #FF00FF;
--color-magenta-rgb: 255, 0, 255;
}Tailwind Config
// tailwind.config.js
colors: {
'magenta': '#FF00FF',
}Shades of Magenta
#FF00FF
#E000E0
#C700C7
#A800A8
#8F008F
#700070
#570057
#380038
#1F001F
#000000
Tints of Magenta
#FF00FF
#FF1FFF
#FF38FF
#FF57FF
#FF70FF
#FF8FFF
#FFA8FF
#FFC7FF
#FFE0FF
#FFFFFF
Color Harmonies
Complementary
#FF00FF
#00FF00
Analogous
#7F00FF
#FF00FF
#FF0080
Triadic
#FF00FF
#FFFF00
#00FFFF
Magenta Text Preview
Heading in Magenta
Body text in Magenta. The quick brown fox jumps over the lazy dog.
White on Magenta
Body text on a Magenta background.
Magenta text on dark background
Contrast: 5.7:1