What is color #ff00ff?
The color Magenta (#ff00ff) belongs to the magenta family and reads as theatrical. It sits at 300° on the color wheel with 100% saturation.
Designers in sports and education often reach for this mid magenta when they want to communicate confidence.
#ff00ff finds its visual weight shifted toward the red channel. To deploy it effectively, balance it with crisp white for modern clarity or contrast it sharply with #00ff00.
Conversions for #ff00ff
HEX
#ff00ff
RGB
255, 0, 255
HSL
300°, 100%, 50%
HSV
300°, 100%, 100%
CMYK
0%, 100%, 0%, 0%
XYZ
59.29, 28.48, 96.98
CIE-Lab
60.32, 98.25, -60.84
Web safe
#ff00ff
WCAG accessibility of #ff00ff (Magenta)
On white
3.14 : 1
Sample #ff00ff
Rating: AA Large
On black
6.70 : 1
Sample #ff00ff
Rating: AA
Tones of Magenta (desaturated variations of #ff00ff)
Color harmonies for #ff00ff
Colors similar to #ff00ff
Gradients featuring #ff00ff
Linear to white
Linear to black
To complement
Radial
Tri-stop
Analogous
UI elements in #ff00ff
Buttons
NewFeaturedBeta
Notification
Short description with accent.
"Color awakens a specific emotional response."
Typography in #ff00ff
The quick brown fox
jumps over the lazy dog
1234567890 — & @ # ! ?
Body text rendered in #ff00ff.
const color = "#ff00ff";
CSS & Tailwind snippets for #ff00ff
Background
.bg-ff00ff { background-color: #ff00ff; }Text color
.text-ff00ff { color: #ff00ff; }Border
.border-ff00ff { border: 1px solid #ff00ff; }Box shadow
.shadow-ff00ff { box-shadow: 0 4px 14px #ff00ff40; }CSS variable
:root { --color-ff00ff: #ff00ff; }Tailwind config
colors: {
'magenta': '#ff00ff',
}