Magenta Color – #ff00ff: Codes and Complete Breakdown

The digital primary that doesn’t exist in nature. Magenta color (#ff00ff) is a screen invention, created by mixing red and blue light at full intensity, which is why it feels so vibrant and unnatural. Designers use it sparingly because it’s hard to look at for long.

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

Complete breakdown of the color Magenta:

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.3, -60.8
Color CategoryDark
Color FamilyPink
Saturation100%
TemperatureWarm
Contrast Ratio Against White (#ffffff)3.14 (fails WCAG AA)
Contrast Ratio Against Black (#000000)6.7 (passes WCAG AA)

Similar Colors to Magenta Color

  1. #e7d8ea

    pale grey magenta color e7d8ea

    Pale Grey Magenta

  2. #8b008b

    dark magenta color 8b008b

    Dark Magenta

  3. #cf71af

    sky magenta color cf71af

    Sky Magenta

  4. #a0025c

    deep magenta color a0025c

    Deep Magenta

  5. #913977

    magenta red color 913977

    Magenta Red

  6. #8d4856

    dull magenta color 8d4856

    Dull Magenta

  7. #e6dfe8

    minified magenta color e6dfe8

    Minified Magenta

  8. #f49ac2

    pastel magenta color f49ac2

    Pastel Magenta