Color code and palette
Magenta Color
Magenta is the vivid additive mixture of red and blue at #FF00FF. It is intentionally loud and expressive, well suited to compact accents, gradients and creative digital identities.
Magenta #FF00FF
Color formats
The same base color in common web formats.
HEX
#FF00FF RGB
rgb(255, 0, 255) HSL
hsl(300, 100%, 50%) OKLCH
oklch(70.0% 0.322 328.0) Magenta is the vivid additive mixture of red and blue at #FF00FF. It is intentionally loud and expressive, well suited to compact accents, gradients and creative digital identities.
Shades
| Color | Name | Hex | |
|---|---|---|---|
| Magenta 50 | #FFE5FF | ||
| Magenta 100 | #FFB3FF | ||
| Magenta 200 | #FF80FF | ||
| Magenta 300 | #FF4DFF | ||
| Magenta 400 | #FF1AFF | ||
| Magenta 500 | #E600E5 | ||
| Magenta 600 | #B300B2 | ||
| Magenta 700 | #80007F | ||
| Magenta 800 | #4D004C | ||
| Magenta 900 | #1A0019 |
Triadic color harmony
Three evenly spaced hues create a colorful but balanced starting palette.
Text contrast
These ratios use the WCAG relative luminance formula.
White textNaN:1
Black textNaN:1
Ways to use magenta
01
Creative brand accents
02
Neon and duotone gradients
03
Entertainment and event graphics