#ff0000 (Red) Color

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

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

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

Text / Font Color:
color: #ff0000;

Example text using the color #ff0000.

Background Color:
background-color: #ff0000;


Border Color:
border-color: #ff0000;


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


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

Example text shadow using the color #ff0000.

#ff0000 Description

The #ff0000 color is made up of 255 Red, 0 Green, and 0 Blue. This color could be named as Red. This color's complement is #00ffff, which is the opposite on the color wheel. The hue is at 0 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, 100% Yellow, and 0% key (black). Colors that look similar, to the #ff0000 color, may be found within the Reds Color Category.

Other attributes:

  • CSS Reference: red
  • Complement:


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

Previous: #feffff

Next: #ff0001