Magenta Color – #ff00ff: Codes and Complete Breakdown

The Magenta color hex code is #ff00ff, and it is composed of 100% red, 0% green and 100% blue.

Magenta is a dark, vibrant, saturated, and warm color at 100% saturation. It has a contrast ratio of 3.14:1 against a white background, which fails WCAG AA (Web Content Accessibility Guidelines, Level AA) compliance.

For better visibility, it is recommended to use the Magenta color (#ff00ff) against dark backgrounds.

Magenta color

Magenta Color Shades

Complementary colors

  1. #FF00FF

  2. #00FF00

Triadic colors

  1. #FF00FF

  2. #FFFF00

  3. #00FFFF

Tints or lighter colors

  1. #FF33FF

  2. #FF66FF

  3. #FF99FF

  4. #FFCCFF

Darker colors

  1. #CC00CC

  2. #990099

  3. #660066

  4. #330033

Analogous colors

  1. #0000FF

  2. #8000FF

  3. #FF00FF

  4. #FF0080

  5. #FF0000

Monochromatic colors

  1. #B300B3

  2. #E600E6

  3. #FF1AFF

  4. #FF4DFF

  5. #FC83FC

#ff00ff

Magenta Color Codes and Information

Here’s a complete breakdown of the color Magenta, including its HEX, RGB, HSL, and CMYK values, as well as other information about the color.

Data TypeValues/Details
Hex#ff00ff
RGBrgb(255,0,255)
HSLhsl(300,100%,50%)
CMYK0, 100, 0, 0
HSV300, 100, 100
RGB %100, 0, 100
XYZ59.3, 28.5, 97
LAB60.3, 98.2, -60.8
Color CategoryDark
Color FamilyPink
Saturation100%
TemperatureWarm
Contrast Ratio Againt White (#ffffff)3.14 (fails WCAG AA)
Contrast Ratio Againt Black (#000000)6.7 (passes WCAG AA)