Magenta color values
| Format | Value |
|---|---|
| Hex | #FF00FF |
| RGB | rgb(255, 0, 255) |
| HSL | hsl(300, 100%, 50%) |
| HSV | 300, 100%, 100% |
| CMYK (simple conversion) | 0%, 100%, 0%, 0% |
| Decimal | 16711935 |
CMYK is calculated with the standard formula from the RGB values. Printed colors depend on the ink and paper, so treat it as a starting point.
About Magenta
A vivid purplish red that is identical to CSS fuchsia in digital rendering. It is a primary color in the CMYK printing model and appears frequently in bold graphic design. Magenta creates strong visual contrast and is often used for striking call to action elements. The name derives from the Battle of Magenta in 1859, around the time the synthetic dye was discovered.
Shades and tints of Magenta
Tints mix Magenta with white and shades mix it with black. Each step changes the color by 10 percentage points.
| Step | Tint (towards white) | Shade (towards black) |
|---|---|---|
| 10% | #FF1AFF | #E600E6 |
| 20% | #FF33FF | #CC00CC |
| 30% | #FF4DFF | #B300B3 |
| 40% | #FF66FF | #990099 |
| 50% | #FF80FF | #800080 |
Color harmony for Magenta
These colors keep the same saturation and lightness as Magenta and rotate the hue around the color wheel.
| Scheme | Colors |
|---|---|
| Complementary | #00FF00 |
| Analogous | #8000FF #FF0080 |
| Triadic | #FFFF00 #00FFFF |
| Split complementary | #80FF00 #00FF80 |
Contrast and accessibility
Contrast between #FF00FF and white is 3.14:1 (large text only). Against black it is 6.70:1 (passes AA). For text on a Magenta background, black text is the more readable choice.
Use Magenta in CSS
.element {
color: magenta;
background-color: #FF00FF;
border-color: rgb(255 0 255);
outline-color: hsl(300 100% 50%);
}All four lines produce exactly the same color. The keyword magenta is one of the CSS named colors, so it works in every browser without a color function.
Similar named colors
- Deep Pink: #FF1493
- Dark Violet: #9400D3
- mediumorchid: #BA55D3
- darkorchid: #9932CC
FAQ
What is the hex code for Magenta?
The hex code for Magenta is #FF00FF. As a CSS color keyword you can also write magenta.
What is Magenta in RGB?
Magenta is rgb(255, 0, 255): red 255, green 0, blue 255 on the 0 to 255 scale.
What color is closest to Magenta?
Of the CSS named colors, deeppink (#FF1493) is the closest match to Magenta, followed by darkviolet and mediumorchid.
More colors
- Khaki: previous page
- Maroon: next page
- CSS named colors: the full list