#ff00ff (Magenta) Color

#ff00ff References
RGB:rgb(255, 0, 255)
HSL:hsl(300, 100%, 50%)
CMYK:cmyk(0, 1, 0, 0)
HWB:hwb(300, 0%, 0%)
CSS Reference:fuchsia

Darker | Lighter | Shades | Tones | Tints | Harmonies | How to Use | Description

Lighter than #ff00ff
Darker than #ff00ff
Tones of #ff00ff
Tints of #ff00ff
How to Use

Text / Font Color:
color: #ff00ff;

Example text using the color #ff00ff.

Background Color:
background-color: #ff00ff;


Border Color:
border-color: #ff00ff;


Box Shadow Color:
box-shadow: 2px 2px 4px #ff00ff;


Text Shadow Color:
text-shadow: 2px 2px 2px #ff00ff;

Example text shadow using the color #ff00ff.

#ff00ff Description

The #ff00ff color is made up of 255 Red, 0 Green, and 255 Blue. This color could be named as Magenta. This color's complement is #00ff00, which is the opposite on the color wheel. The hue is at 300 degrees, with a saturation value at 100 percent and a lightness value of 50 percent. Therefore, this color can be considered to be dark, and have warm color temperature. In the CMYK color model (used in the printing process), the composition is 0% Cyan, 100% Magenta, 0% Yellow, and 0% key (black). Colors that look similar, to the #ff00ff color, may be found within the Magentas Color Category.

Other attributes:

  • CSS Reference: fuchsia
  • Complement:


  • Color Name: Magenta
  • RGB (Percent): 100%, 0%, 100%
  • HSL (Decimal): 0.83, 1, 0.5
  • Type: Dark / Warm

Previous: #ff00fe

Next: #ff0100