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.
Shades
| Color | Name | HEX | RGB | HSL | Copy |
|---|---|---|---|---|---|
| Magenta 50 | #FFE5FF | 255, 229, 255 | 300, 100%, 95% | ||
| Magenta 100 | #FFB3FF | 255, 179, 255 | 300, 100%, 85% | ||
| Magenta 200 | #FF80FF | 255, 128, 255 | 300, 100%, 75% | ||
| Magenta 300 | #FF4DFF | 255, 77, 255 | 300, 100%, 65% | ||
| Magenta 400 | #FF1AFF | 255, 26, 255 | 300, 100%, 55% | ||
| Magenta 500 | #E600E5 | 230, 0, 229 | 300, 100%, 45% | ||
| Magenta 600 | #B300B2 | 179, 0, 178 | 300, 100%, 35% | ||
| Magenta 700 | #80007F | 128, 0, 127 | 300, 100%, 25% | ||
| Magenta 800 | #4D004C | 77, 0, 76 | 301, 100%, 15% | ||
| Magenta 900 | #1A0019 | 26, 0, 25 | 302, 100%, 5% |
Text contrast
These ratios use the WCAG relative luminance formula.
Aa White text 3.14:1
AA · Large text
Aa Black text 6.70:1
AA
Ways to use Magenta
Creative brand accents
Neon and duotone gradients
Entertainment and event graphics
Colors that go with Magenta
Color-wheel harmonies built from #FF00FF. Click a swatch to copy it or open the set in the color wheel.
Split complementary
Open in color wheelA base plus the two neighbors of its complement — contrast with less tension.