#ff0000 hex color (#f00)

In a RGB color space, hex #ff0000 is composed of 100% red, 0% green and 0% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 100% magenta, 100% yellow and 0% black. It has a hue angle of 0 degrees, a saturation of 100% and a lightness of 50%. #ff0000 color hex could be obtained by blending #ff0000 with #ff0000. #ff0000 (or #f00) is a websafe color.

#ff0000 color image

#744a65 rgb color chart

#744a65 cmyk color chart

The hexadecimal color #ff0000 has RGB values of R:255, G:0, B:0 and CMYK values of C:0, M:1, Y:1, K:0. Its decimal value is 16711680.

Hex triplet ff0000
```
#ff0000
```
RGB Decimal 255, 0, 0
```
rgb(255,0,0)
```
RGB Percent 100, 0, 0
```
rgb(100%,0%,0%)
```
CMYK 0, 100, 100, 0
HSL 0°, 100, 50
```
hsl(0,100%,50%)
```
HSV (or HSB) 0°, 100, 100
Web Safe ff0000
```
#ff0000
```

CIE-LAB 53.239, 80.09, 67.201
XYZ 41.242, 21.266, 1.933
xyY 0.64, 0.33, 21.266
CIE-LCH 53.239, 104.549, 39.999
CIE-LUV 53.239, 175.009, 37.755
Hunter-Lab 46.115, 78.94, 29.795
Binary 11111111, 00000000, 00000000

#ff0000 #ff0000
rgb(255,0,0)
#00ffff #00ffff
rgb(0,255,255)

Complementary Color

#ff0080 #ff0080
rgb(255,0,128)
#ff0000 #ff0000
rgb(255,0,0)
#ff8000 #ff8000
rgb(255,128,0)

Analogous Color

#0080ff #0080ff
rgb(0,128,255)
#ff0000 #ff0000
rgb(255,0,0)
#00ff80 #00ff80
rgb(0,255,128)

Split Complementary Color

#0000ff #0000ff
rgb(0,0,255)
#ff0000 #ff0000
rgb(255,0,0)
#00ff00 #00ff00
rgb(0,255,0)

Triadic Color

#ff00ff #ff00ff
rgb(255,0,255)
#ff0000 #ff0000
rgb(255,0,0)
#00ff00 #00ff00
rgb(0,255,0)
#00ffff #00ffff
rgb(0,255,255)

Tetradic Color

#b30000 #b30000
rgb(179,0,0)
#cc0000 #cc0000
rgb(204,0,0)
#e60000 #e60000
rgb(230,0,0)
#ff0000 #ff0000
rgb(255,0,0)
#ff1a1a #ff1a1a
rgb(255,26,26)
#ff3333 #ff3333
rgb(255,51,51)
#ff4d4d #ff4d4d
rgb(255,77,77)

Monochromatic Color

Text with hexadecimal color #ff0000

This text has a font color of #ff0000.

<span style="color:#ff0000;">Text here</span>

#ff0000 background color

This paragraph has a background color of #ff0000.

<p style="background-color:#ff0000;">Content here</p>

#ff0000 border color

This element has a border color of #ff0000.

<div style="border:1px solid #ff0000;">Content here</div>

CSS codes

.text {color:#ff0000;}

.background {background-color:#ff0000;}

.border {border:1px solid #ff0000;}

#140000 #140000
rgb(20,0,0)
#3b0000 #3b0000
rgb(59,0,0)
#620000 #620000
rgb(98,0,0)
#890000 #890000
rgb(137,0,0)
#b10000 #b10000
rgb(177,0,0)
#d80000 #d80000
rgb(216,0,0)
#ff0000 #ff0000
rgb(255,0,0)
#ff2727 #ff2727
rgb(255,39,39)
#ff4e4e #ff4e4e
rgb(255,78,78)
#ff7676 #ff7676
rgb(255,118,118)
#ff9d9d #ff9d9d
rgb(255,157,157)
#ffc4c4 #ffc4c4
rgb(255,196,196)
#ffebeb #ffebeb
rgb(255,235,235)

Color Variation

Below, you can see how #ff0000 is perceived by people affected by a color vision deficiency. This can be useful if you need to ensure your color combinations are accessible to color-blind users.

#4c4c4c Achromatopsia :
0.005% of the population
#703d3d Atypical Achromatopsia :
0.001% of the population

Monochromacy

#968623 Protanopia :
1% of men
#a78000 Deuteranopia :
1% of men
#fd1c00 Tritanopia :
0.001% of the population

Dichromacy

#bc5517 Protanomaly :
1% of men, 0.01% of women
#c75100 Deuteranomaly :
6% of men, 0.4% of women
#fe1200 Tritanomaly:
0.01% of the population

Trichromacy

#ff0000 hex color

#ff0000 color information

#ff0000 color conversion

Color Schemes with #ff0000

#ff0000 in action

Shades of #ff0000

Color Blindness Simulator