#f80f04 hex color

In a RGB color space, hex #f80f04 is composed of 97.3% red, 5.9% green and 1.6% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 94% magenta, 98.4% yellow and 2.7% black. It has a hue angle of 2.7 degrees, a saturation of 96.8% and a lightness of 49.4%. #f80f04 color hex could be obtained by blending #ff1e08 with #f10000. Closest websafe color is: #ff0000.

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

● #f80f04 color description : Vivid red.

The hexadecimal color #f80f04 has RGB values of R:248, G:15, B:4 and CMYK values of C:0, M:0.94, Y:0.98, K:0.03. Its decimal value is 16256772.

Hex triplet	f80f04	`#f80f04`
RGB Decimal	248, 15, 4	`rgb(248,15,4)`
RGB Percent	97.3, 5.9, 1.6	`rgb(97.3%,5.9%,1.6%)`
CMYK	0, 94, 98, 3
HSL	2.7°, 96.8, 49.4	`hsl(2.7,96.8%,49.4%)`
HSV (or HSB)	2.7°, 98.4, 97.3
Web Safe	ff0000	`#ff0000`

CIE-LAB	52.188, 77.333, 64.91
XYZ	38.906, 20.312, 1.987
xyY	0.636, 0.332, 20.312
CIE-LCH	52.188, 100.964, 40.009
CIE-LUV	52.188, 167.833, 37.076
Hunter-Lab	45.069, 75.222, 28.934
Binary	11111000, 00001111, 00000100

#f80f04
```
#f80f04 rgb(248,15,4)
```
#04edf8
```
#04edf8 rgb(4,237,248)
```

Complementary Color

#f80473
```
#f80473 rgb(248,4,115)
```
#f80f04
```
#f80f04 rgb(248,15,4)
```
#f88904
```
#f88904 rgb(248,137,4)
```

Analogous Color

#0473f8
```
#0473f8 rgb(4,115,248)
```
#f80f04
```
#f80f04 rgb(248,15,4)
```
#04f889
```
#04f889 rgb(4,248,137)
```

Split Complementary Color

#0f04f8
```
#0f04f8 rgb(15,4,248)
```
#f80f04
```
#f80f04 rgb(248,15,4)
```
#04f80f
```
#04f80f rgb(4,248,15)
```

Triadic Color

#f804ed
```
#f804ed rgb(248,4,237)
```
#f80f04
```
#f80f04 rgb(248,15,4)
```
#04f80f
```
#04f80f rgb(4,248,15)
```
#04edf8
```
#04edf8 rgb(4,237,248)
```

Tetradic Color

#ad0a03
```
#ad0a03 rgb(173,10,3)
```
#c60c03
```
#c60c03 rgb(198,12,3)
```
#df0d04
```
#df0d04 rgb(223,13,4)
```
#f80f04
```
#f80f04 rgb(248,15,4)
```
#fb241a
```
#fb241a rgb(251,36,26)
```
#fc3c33
```
#fc3c33 rgb(252,60,51)
```
#fc544c
```
#fc544c rgb(252,84,76)
```

Monochromatic Color

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

#f80436
```
#f80436 rgb(248,4,54)
```
#f80422
```
#f80422 rgb(248,4,34)
```
#f8040d
```
#f8040d rgb(248,4,13)
```
#f80f04
```
#f80f04 rgb(248,15,4)
```
#f82304
```
#f82304 rgb(248,35,4)
```
#f83804
```
#f83804 rgb(248,56,4)
```
#f84c04
```
#f84c04 rgb(248,76,4)
```

Similar Colors

Text with hexadecimal color #f80f04

This text has a font color of #f80f04.

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

#f80f04 background color

This paragraph has a background color of #f80f04.

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

#f80f04 border color

This element has a border color of #f80f04.

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

CSS codes

.text {color:#f80f04;}

.background {background-color:#f80f04;}

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

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, #100100 is the darkest color, while #fffcfc is the lightest one.

#100100
```
#100100 rgb(16,1,0)
```
#240201
```
#240201 rgb(36,2,1)
```
#370301
```
#370301 rgb(55,3,1)
```
#4a0401
```
#4a0401 rgb(74,4,1)
```
#5e0602
```
#5e0602 rgb(94,6,2)
```
#710702
```
#710702 rgb(113,7,2)
```
#840802
```
#840802 rgb(132,8,2)
```
#970902
```
#970902 rgb(151,9,2)
```
#ab0a03
```
#ab0a03 rgb(171,10,3)
```
#be0b03
```
#be0b03 rgb(190,11,3)
```
#d10d03
```
#d10d03 rgb(209,13,3)
```
#e50e04
```
#e50e04 rgb(229,14,4)
```
#f80f04
```
#f80f04 rgb(248,15,4)
```

Shade Color Variation

#fb1f14
```
#fb1f14 rgb(251,31,20)
```
#fc3128
```
#fc3128 rgb(252,49,40)
```
#fc443b
```
#fc443b rgb(252,68,59)
```
#fc564e
```
#fc564e rgb(252,86,78)
```
#fc6962
```
#fc6962 rgb(252,105,98)
```
#fd7b75
```
#fd7b75 rgb(253,123,117)
```
#fd8d88
```
#fd8d88 rgb(253,141,136)
```
#fda09c
```
#fda09c rgb(253,160,156)
```
#feb2af
```
#feb2af rgb(254,178,175)
```
#fec5c2
```
#fec5c2 rgb(254,197,194)
```
#fed7d5
```
#fed7d5 rgb(254,215,213)
```
#ffeae9
```
#ffeae9 rgb(255,234,233)
```
#fffcfc
```
#fffcfc rgb(255,252,252)
```

Tint Color Variation

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

#847978
```
#847978 rgb(132,121,120)
```
#8d706f
```
#8d706f rgb(141,112,111)
```
#976765
```
#976765 rgb(151,103,101)
```
#a15e5b
```
#a15e5b rgb(161,94,91)
```
#aa5652
```
#aa5652 rgb(170,86,82)
```
#b44d48
```
#b44d48 rgb(180,77,72)
```
#be443e
```
#be443e rgb(190,68,62)
```
#c83b34
```
#c83b34 rgb(200,59,52)
```
#d1322b
```
#d1322b rgb(209,50,43)
```
#db2921
```
#db2921 rgb(219,41,33)
```
#e52117
```
#e52117 rgb(229,33,23)
```
#ee180e
```
#ee180e rgb(238,24,14)
```
#f80f04
```
#f80f04 rgb(248,15,4)
```

Tone Color Variation

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

#535353 Achromatopsia 0.005% of the population
#744543 Atypical Achromatopsia 0.001% of the population

Dichromacy

#928326 Protanopia 1% of men
#a37d00 Deuteranopia 1% of men
#f81b0c Tritanopia 0.001% of the population

Trichromacy

#b75919 Protanomaly 1% of men, 0.01% of women
#c25501 Deuteranomaly 6% of men, 0.4% of women
#f81709 Tritanomaly 0.01% of the population

#f80f04 hex color

#f80f04 Color Information

#f80f04 Color Conversion

Color Schemes with #f80f04

Alternatives to #f80f04

#f80f04 Preview

Shades and Tints of #f80f04

Tones of #f80f04

Color Blindness Simulator