#f52804 hex color

In a RGB color space, hex #f52804 is composed of 96.1% red, 15.7% green and 1.6% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 83.7% magenta, 98.4% yellow and 3.9% black. It has a hue angle of 9 degrees, a saturation of 96.8% and a lightness of 48.8%. #f52804 color hex could be obtained by blending #ff5008 with #eb0000. Closest websafe color is: #ff3300.

♥
- f
- t
- g
- R 96
- G 16
- B 2
RGB color chart
- C 0
- M 84
- Y 98
- K 4
CMYK color chart

● #f52804 color description : Vivid red.

The hexadecimal color #f52804 has RGB values of R:245, G:40, B:4 and CMYK values of C:0, M:0.84, Y:0.98, K:0.04. Its decimal value is 16066564.

Hex triplet	f52804	`#f52804`
RGB Decimal	245, 40, 4	`rgb(245,40,4)`
RGB Percent	96.1, 15.7, 1.6	`rgb(96.1%,15.7%,1.6%)`
CMYK	0, 84, 98, 4
HSL	9°, 96.8, 48.8	`hsl(9,96.8%,48.8%)`
HSV (or HSB)	9°, 98.4, 96.1
Web Safe	ff3300	`#ff3300`

CIE-LAB	52.888, 72.825, 64.853
XYZ	38.439, 20.944, 2.134
xyY	0.625, 0.34, 20.944
CIE-LCH	52.888, 97.516, 41.686
CIE-LUV	52.888, 158.447, 38.999
Hunter-Lab	45.764, 69.84, 29.271
Binary	11110101, 00101000, 00000100

#f52804
```
#f52804 rgb(245,40,4)
```
#04d1f5
```
#04d1f5 rgb(4,209,245)
```

Complementary Color

#f50458
```
#f50458 rgb(245,4,88)
```
#f52804
```
#f52804 rgb(245,40,4)
```
#f5a104
```
#f5a104 rgb(245,161,4)
```

Analogous Color

#0458f5
```
#0458f5 rgb(4,88,245)
```
#f52804
```
#f52804 rgb(245,40,4)
```
#04f5a1
```
#04f5a1 rgb(4,245,161)
```

Split Complementary Color

#2804f5
```
#2804f5 rgb(40,4,245)
```
#f52804
```
#f52804 rgb(245,40,4)
```
#04f528
```
#04f528 rgb(4,245,40)
```

Triadic Color

#f504d1
```
#f504d1 rgb(245,4,209)
```
#f52804
```
#f52804 rgb(245,40,4)
```
#04f528
```
#04f528 rgb(4,245,40)
```
#04d1f5
```
#04d1f5 rgb(4,209,245)
```

Tetradic Color

#aa1c03
```
#aa1c03 rgb(170,28,3)
```
#c32003
```
#c32003 rgb(195,32,3)
```
#dc2404
```
#dc2404 rgb(220,36,4)
```
#f52804
```
#f52804 rgb(245,40,4)
```
#fb3917
```
#fb3917 rgb(251,57,23)
```
#fc4f30
```
#fc4f30 rgb(252,79,48)
```
#fc6449
```
#fc6449 rgb(252,100,73)
```

Monochromatic Color

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

#f5041c
```
#f5041c rgb(245,4,28)
```
#f50408
```
#f50408 rgb(245,4,8)
```
#f51404
```
#f51404 rgb(245,20,4)
```
#f52804
```
#f52804 rgb(245,40,4)
```
#f53c04
```
#f53c04 rgb(245,60,4)
```
#f55004
```
#f55004 rgb(245,80,4)
```
#f56404
```
#f56404 rgb(245,100,4)
```

Similar Colors

Text with hexadecimal color #f52804

This text has a font color of #f52804.

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

#f52804 background color

This paragraph has a background color of #f52804.

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

#f52804 border color

This element has a border color of #f52804.

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

CSS codes

.text {color:#f52804;}

.background {background-color:#f52804;}

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

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, #0d0200 is the darkest color, while #fffaf9 is the lightest one.

#0d0200
```
#0d0200 rgb(13,2,0)
```
#210501
```
#210501 rgb(33,5,1)
```
#340801
```
#340801 rgb(52,8,1)
```
#470c01
```
#470c01 rgb(71,12,1)
```
#5b0f01
```
#5b0f01 rgb(91,15,1)
```
#6e1202
```
#6e1202 rgb(110,18,2)
```
#811502
```
#811502 rgb(129,21,2)
```
#941802
```
#941802 rgb(148,24,2)
```
#a81b03
```
#a81b03 rgb(168,27,3)
```
#bb1f03
```
#bb1f03 rgb(187,31,3)
```
#ce2203
```
#ce2203 rgb(206,34,3)
```
#e22504
```
#e22504 rgb(226,37,4)
```
#f52804
```
#f52804 rgb(245,40,4)
```

Shade Color Variation

#fb3411
```
#fb3411 rgb(251,52,17)
```
#fb4525
```
#fb4525 rgb(251,69,37)
```
#fc5538
```
#fc5538 rgb(252,85,56)
```
#fc664b
```
#fc664b rgb(252,102,75)
```
#fc765f
```
#fc765f rgb(252,118,95)
```
#fd8772
```
#fd8772 rgb(253,135,114)
```
#fd9785
```
#fd9785 rgb(253,151,133)
```
#fda899
```
#fda899 rgb(253,168,153)
```
#feb8ac
```
#feb8ac rgb(254,184,172)
```
#fec9bf
```
#fec9bf rgb(254,201,191)
```
#fed9d2
```
#fed9d2 rgb(254,217,210)
```
#ffe9e6
```
#ffe9e6 rgb(255,233,230)
```
#fffaf9
```
#fffaf9 rgb(255,250,249)
```

Tint Color Variation

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

#827977
```
#827977 rgb(130,121,119)
```
#8c726d
```
#8c726d rgb(140,114,109)
```
#956b64
```
#956b64 rgb(149,107,100)
```
#9f645a
```
#9f645a rgb(159,100,90)
```
#a85e51
```
#a85e51 rgb(168,94,81)
```
#b25747
```
#b25747 rgb(178,87,71)
```
#bc503d
```
#bc503d rgb(188,80,61)
```
#c54a34
```
#c54a34 rgb(197,74,52)
```
#cf432a
```
#cf432a rgb(207,67,42)
```
#d83c21
```
#d83c21 rgb(216,60,33)
```
#e23517
```
#e23517 rgb(226,53,23)
```
#eb2f0e
```
#eb2f0e rgb(235,47,14)
```
#f52804
```
#f52804 rgb(245,40,4)
```

Tone Color Variation

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

#616161 Achromatopsia 0.005% of the population
#7f564e Atypical Achromatopsia 0.001% of the population

Dichromacy

#948524 Protanopia 1% of men
#a57e00 Deuteranopia 1% of men
#f5302f Tritanopia 0.001% of the population

Trichromacy

#b76318 Protanomaly 1% of men, 0.01% of women
#c25f01 Deuteranomaly 6% of men, 0.4% of women
#f52d1f Tritanomaly 0.01% of the population

#f52804 hex color

#f52804 Color Information

#f52804 Color Conversion

Color Schemes with #f52804

Alternatives to #f52804

#f52804 Preview

Shades and Tints of #f52804

Tones of #f52804

Color Blindness Simulator