#f80502 hex color

In a RGB color space, hex #f80502 is composed of 97.3% red, 2% green and 0.8% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 98% magenta, 99.2% yellow and 2.7% black. It has a hue angle of 0.7 degrees, a saturation of 98.4% and a lightness of 49%. #f80502 color hex could be obtained by blending #ff0a04 with #f10000. Closest websafe color is: #ff0000.

♥
- f
- t
- g
- R 97
- G 2
- B 1
RGB color chart
- C 0
- M 98
- Y 99
- K 3
CMYK color chart

● #f80502 color description : Vivid red.

The hexadecimal color #f80502 has RGB values of R:248, G:5, B:2 and CMYK values of C:0, M:0.98, Y:0.99, K:0.03. Its decimal value is 16254210.

Hex triplet	f80502	`#f80502`
RGB Decimal	248, 5, 2	`rgb(248,5,2)`
RGB Percent	97.3, 2, 0.8	`rgb(97.3%,2%,0.8%)`
CMYK	0, 98, 99, 3
HSL	0.7°, 98.4, 49	`hsl(0.7,98.4%,49%)`
HSV (or HSB)	0.7°, 99.2, 97.3
Web Safe	ff0000	`#ff0000`

CIE-LAB	51.921, 78.077, 65.317
XYZ	38.779, 20.075, 1.89
xyY	0.638, 0.33, 20.075
CIE-LCH	51.921, 101.796, 39.915
CIE-LUV	51.921, 169.439, 36.777
Hunter-Lab	44.805, 76.085, 28.862
Binary	11111000, 00000101, 00000010

#f80502
```
#f80502 rgb(248,5,2)
```
#02f5f8
```
#02f5f8 rgb(2,245,248)
```

Complementary Color

#f8027a
```
#f8027a rgb(248,2,122)
```
#f80502
```
#f80502 rgb(248,5,2)
```
#f88002
```
#f88002 rgb(248,128,2)
```

Analogous Color

#027af8
```
#027af8 rgb(2,122,248)
```
#f80502
```
#f80502 rgb(248,5,2)
```
#02f880
```
#02f880 rgb(2,248,128)
```

Split Complementary Color

#0502f8
```
#0502f8 rgb(5,2,248)
```
#f80502
```
#f80502 rgb(248,5,2)
```
#02f805
```
#02f805 rgb(2,248,5)
```

Triadic Color

#f802f5
```
#f802f5 rgb(248,2,245)
```
#f80502
```
#f80502 rgb(248,5,2)
```
#02f805
```
#02f805 rgb(2,248,5)
```
#02f5f8
```
#02f5f8 rgb(2,245,248)
```

Tetradic Color

#ac0301
```
#ac0301 rgb(172,3,1)
```
#c50402
```
#c50402 rgb(197,4,2)
```
#df0402
```
#df0402 rgb(223,4,2)
```
#f80502
```
#f80502 rgb(248,5,2)
```
#fd1916
```
#fd1916 rgb(253,25,22)
```
#fd3230
```
#fd3230 rgb(253,50,48)
```
#fe4b49
```
#fe4b49 rgb(254,75,73)
```

Monochromatic Color

Below, you can see some colors close to #f80502. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.

#f8023c
```
#f8023c rgb(248,2,60)
```
#f80228
```
#f80228 rgb(248,2,40)
```
#f80213
```
#f80213 rgb(248,2,19)
```
#f80502
```
#f80502 rgb(248,5,2)
```
#f81a02
```
#f81a02 rgb(248,26,2)
```
#f82e02
```
#f82e02 rgb(248,46,2)
```
#f84302
```
#f84302 rgb(248,67,2)
```

Similar Colors

Text with hexadecimal color #f80502

This text has a font color of #f80502.

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

#f80502 background color

This paragraph has a background color of #f80502.

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

#f80502 border color

This element has a border color of #f80502.

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

CSS codes

.text {color:#f80502;}

.background {background-color:#f80502;}

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

A shade is achieved by adding black to any pure hue, while a tint is created by mixing white to any pure color. In this example, #0e0000 is the darkest color, while #fffafa is the lightest one.

#0e0000
```
#0e0000 rgb(14,0,0)
```
#220100
```
#220100 rgb(34,1,0)
```
#350100
```
#350100 rgb(53,1,0)
```
#490101
```
#490101 rgb(73,1,1)
```
#5c0201
```
#5c0201 rgb(92,2,1)
```
#700201
```
#700201 rgb(112,2,1)
```
#830301
```
#830301 rgb(131,3,1)
```
#970301
```
#970301 rgb(151,3,1)
```
#aa0301
```
#aa0301 rgb(170,3,1)
```
#be0402
```
#be0402 rgb(190,4,2)
```
#d10402
```
#d10402 rgb(209,4,2)
```
#e50502
```
#e50502 rgb(229,5,2)
```
#f80502
```
#f80502 rgb(248,5,2)
```

Shade Color Variation

#fd1311
```
#fd1311 rgb(253,19,17)
```
#fd2724
```
#fd2724 rgb(253,39,36)
```
#fd3a37
```
#fd3a37 rgb(253,58,55)
```
#fe4d4b
```
#fe4d4b rgb(254,77,75)
```
#fe605e
```
#fe605e rgb(254,96,94)
```
#fe7472
```
#fe7472 rgb(254,116,114)
```
#fe8785
```
#fe8785 rgb(254,135,133)
```
#fe9a99
```
#fe9a99 rgb(254,154,153)
```
#feadac
```
#feadac rgb(254,173,172)
```
#fec0c0
```
#fec0c0 rgb(254,192,192)
```
#ffd4d3
```
#ffd4d3 rgb(255,212,211)
```
#ffe7e7
```
#ffe7e7 rgb(255,231,231)
```
#fffafa
```
#fffafa rgb(255,250,250)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #857675 is the less saturated color, while #f80502 is the most saturated one.

#857675
```
#857675 rgb(133,118,117)
```
#8e6c6c
```
#8e6c6c rgb(142,108,108)
```
#986362
```
#986362 rgb(152,99,98)
```
#a15959
```
#a15959 rgb(161,89,89)
```
#ab504f
```
#ab504f rgb(171,80,79)
```
#b54745
```
#b54745 rgb(181,71,69)
```
#be3d3c
```
#be3d3c rgb(190,61,60)
```
#c83432
```
#c83432 rgb(200,52,50)
```
#d22b28
```
#d22b28 rgb(210,43,40)
```
#db211f
```
#db211f rgb(219,33,31)
```
#e51815
```
#e51815 rgb(229,24,21)
```
#ee0e0c
```
#ee0e0c rgb(238,14,12)
```
#f80502
```
#f80502 rgb(248,5,2)
```

Tone Color Variation

Below, you can see how #f80502 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.

Monochromacy

#4d4d4d Achromatopsia 0.005% of the population
#6f3f3e Atypical Achromatopsia 0.001% of the population

Dichromacy

#928224 Protanopia 1% of men
#a27c00 Deuteranopia 1% of men
#f71a00 Tritanopia 0.001% of the population

Trichromacy

#b75517 Protanomaly 1% of men, 0.01% of women
#c15100 Deuteranomaly 6% of men, 0.4% of women
#f71200 Tritanomaly 0.01% of the population

#f80502 hex color

#f80502 Color Information

#f80502 Color Conversion

Color Schemes with #f80502

Alternatives to #f80502

#f80502 Preview

Shades and Tints of #f80502

Tones of #f80502

Color Blindness Simulator