#f80d04 hex color

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

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

● #f80d04 color description : Vivid red.

The hexadecimal color #f80d04 has RGB values of R:248, G:13, B:4 and CMYK values of C:0, M:0.95, Y:0.98, K:0.03. Its decimal value is 16256260.

Hex triplet	f80d04	`#f80d04`
RGB Decimal	248, 13, 4	`rgb(248,13,4)`
RGB Percent	97.3, 5.1, 1.6	`rgb(97.3%,5.1%,1.6%)`
CMYK	0, 95, 98, 3
HSL	2.2°, 96.8, 49.4	`hsl(2.2,96.8%,49.4%)`
HSV (or HSB)	2.2°, 98.4, 97.3
Web Safe	ff0000	`#ff0000`

CIE-LAB	52.128, 77.507, 64.886
XYZ	38.879, 20.258, 1.978
xyY	0.636, 0.331, 20.258
CIE-LCH	52.128, 101.082, 39.935
CIE-LUV	52.128, 168.175, 36.967
Hunter-Lab	45.009, 75.424, 28.901
Binary	11111000, 00001101, 00000100

#f80d04
```
#f80d04 rgb(248,13,4)
```
#04eff8
```
#04eff8 rgb(4,239,248)
```

Complementary Color

#f80475
```
#f80475 rgb(248,4,117)
```
#f80d04
```
#f80d04 rgb(248,13,4)
```
#f88704
```
#f88704 rgb(248,135,4)
```

Analogous Color

#0475f8
```
#0475f8 rgb(4,117,248)
```
#f80d04
```
#f80d04 rgb(248,13,4)
```
#04f887
```
#04f887 rgb(4,248,135)
```

Split Complementary Color

#0d04f8
```
#0d04f8 rgb(13,4,248)
```
#f80d04
```
#f80d04 rgb(248,13,4)
```
#04f80d
```
#04f80d rgb(4,248,13)
```

Triadic Color

#f804ef
```
#f804ef rgb(248,4,239)
```
#f80d04
```
#f80d04 rgb(248,13,4)
```
#04f80d
```
#04f80d rgb(4,248,13)
```
#04eff8
```
#04eff8 rgb(4,239,248)
```

Tetradic Color

#ad0903
```
#ad0903 rgb(173,9,3)
```
#c60a03
```
#c60a03 rgb(198,10,3)
```
#df0c04
```
#df0c04 rgb(223,12,4)
```
#f80d04
```
#f80d04 rgb(248,13,4)
```
#fb221a
```
#fb221a rgb(251,34,26)
```
#fc3b33
```
#fc3b33 rgb(252,59,51)
```
#fc534c
```
#fc534c rgb(252,83,76)
```

Monochromatic Color

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

#f80438
```
#f80438 rgb(248,4,56)
```
#f80424
```
#f80424 rgb(248,4,36)
```
#f8040f
```
#f8040f rgb(248,4,15)
```
#f80d04
```
#f80d04 rgb(248,13,4)
```
#f82104
```
#f82104 rgb(248,33,4)
```
#f83604
```
#f83604 rgb(248,54,4)
```
#f84a04
```
#f84a04 rgb(248,74,4)
```

Similar Colors

Text with hexadecimal color #f80d04

This text has a font color of #f80d04.

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

#f80d04 background color

This paragraph has a background color of #f80d04.

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

#f80d04 border color

This element has a border color of #f80d04.

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

CSS codes

.text {color:#f80d04;}

.background {background-color:#f80d04;}

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

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)
```
#5e0502
```
#5e0502 rgb(94,5,2)
```
#710602
```
#710602 rgb(113,6,2)
```
#840702
```
#840702 rgb(132,7,2)
```
#970802
```
#970802 rgb(151,8,2)
```
#ab0903
```
#ab0903 rgb(171,9,3)
```
#be0a03
```
#be0a03 rgb(190,10,3)
```
#d10b03
```
#d10b03 rgb(209,11,3)
```
#e50c04
```
#e50c04 rgb(229,12,4)
```
#f80d04
```
#f80d04 rgb(248,13,4)
```

Shade Color Variation

#fb1d14
```
#fb1d14 rgb(251,29,20)
```
#fc3028
```
#fc3028 rgb(252,48,40)
```
#fc423b
```
#fc423b rgb(252,66,59)
```
#fc554e
```
#fc554e rgb(252,85,78)
```
#fc6762
```
#fc6762 rgb(252,103,98)
```
#fd7a75
```
#fd7a75 rgb(253,122,117)
```
#fd8d88
```
#fd8d88 rgb(253,141,136)
```
#fd9f9c
```
#fd9f9c rgb(253,159,156)
```
#feb2af
```
#feb2af rgb(254,178,175)
```
#fec4c2
```
#fec4c2 rgb(254,196,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 #f80d04 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)
```
#aa5552
```
#aa5552 rgb(170,85,82)
```
#b44c48
```
#b44c48 rgb(180,76,72)
```
#be433e
```
#be433e rgb(190,67,62)
```
#c83a34
```
#c83a34 rgb(200,58,52)
```
#d1312b
```
#d1312b rgb(209,49,43)
```
#db2821
```
#db2821 rgb(219,40,33)
```
#e51f17
```
#e51f17 rgb(229,31,23)
```
#ee160e
```
#ee160e rgb(238,22,14)
```
#f80d04
```
#f80d04 rgb(248,13,4)
```

Tone Color Variation

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

#525252 Achromatopsia 0.005% of the population
#734442 Atypical Achromatopsia 0.001% of the population

Dichromacy

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

Trichromacy

#b75819 Protanomaly 1% of men, 0.01% of women
#c25401 Deuteranomaly 6% of men, 0.4% of women
#f81503 Tritanomaly 0.01% of the population

#f80d04 hex color

#f80d04 Color Information

#f80d04 Color Conversion

Color Schemes with #f80d04

Alternatives to #f80d04

#f80d04 Preview

Shades and Tints of #f80d04

Tones of #f80d04

Color Blindness Simulator