Colormapped
Color reference

Magenta #FF00FF

Magenta is the CSS named color #FF00FF. In CSS, “magenta” and “fuchsia” are aliases for the same sRGB value.

Magenta is the CSS named color keyword magenta, standardized at #FF00FF in sRGB.

Magenta #FF00FF 6.70:1 with black text

Color values

HEX#FF00FF
RGBrgb(255, 0, 255)
HSLhsl(300 100% 50%)
HSV300°, 100%, 100%
CMYK0%, 100%, 0%, 0%

HEX/RGB/HSL/HSV are deterministic sRGB representations. CMYK here is a mathematical approximation, not a printer-profile conversion.

Black or white text?

Black text 6.70:1 — AA normal text passes
White text 3.14:1 — AA normal text fails

AA normal text: black passes; white fails.

AA large text: black passes; white passes.

WCAG contrast thresholds use 4.5:1 for normal text and 3:1 for large text. Do not round a near-threshold result upward when testing conformance.

Tints and shades of Magenta

These steps are computed by RGB-mixing #FF00FF toward white or black. They are generated values, not official named colors.

80% tint #FFCCFF
60% tint #FF99FF
40% tint #FF66FF
20% tint #FF33FF
Base #FF00FF
20% shade #CC00CC
40% shade #990099
60% shade #660066
80% shade #330033

Need more control? Use the Tints and Shades Generator or Lighten / Darken tool.

CSS usage

.example {
  color: #000000;
  background-color: magenta;
}

You can use either magenta or #FF00FF in CSS; both resolve to the same sRGB color.