#f52202 hex color

In a RGB color space, hex #f52202 is composed of 96.1% red, 13.3% green and 0.8% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 86.1% magenta, 99.2% yellow and 3.9% black. It has a hue angle of 7.9 degrees, a saturation of 98.4% and a lightness of 48.4%. #f52202 color hex could be obtained by blending #ff4404 with #eb0000. Closest websafe color is: #ff3300.

♥
- f
- t
- g
- R 96
- G 13
- B 1
RGB color chart
- C 0
- M 86
- Y 99
- K 4
CMYK color chart

● #f52202 color description : Vivid red.

The hexadecimal color #f52202 has RGB values of R:245, G:34, B:2 and CMYK values of C:0, M:0.86, Y:0.99, K:0.04. Its decimal value is 16065026.

Hex triplet	f52202	`#f52202`
RGB Decimal	245, 34, 2	`rgb(245,34,2)`
RGB Percent	96.1, 13.3, 0.8	`rgb(96.1%,13.3%,0.8%)`
CMYK	0, 86, 99, 4
HSL	7.9°, 98.4, 48.4	`hsl(7.9,98.4%,48.4%)`
HSV (or HSB)	7.9°, 99.2, 96.1
Web Safe	ff3300	`#ff3300`

CIE-LAB	52.471, 73.986, 65.164
XYZ	38.241, 20.566, 2.014
xyY	0.629, 0.338, 20.566
CIE-LCH	52.471, 98.592, 41.372
CIE-LUV	52.471, 160.825, 38.436
Hunter-Lab	45.35, 71.159, 29.112
Binary	11110101, 00100010, 00000010

#f52202
```
#f52202 rgb(245,34,2)
```
#02d5f5
```
#02d5f5 rgb(2,213,245)
```

Complementary Color

#f5025b
```
#f5025b rgb(245,2,91)
```
#f52202
```
#f52202 rgb(245,34,2)
```
#f59c02
```
#f59c02 rgb(245,156,2)
```

Analogous Color

#025bf5
```
#025bf5 rgb(2,91,245)
```
#f52202
```
#f52202 rgb(245,34,2)
```
#02f59c
```
#02f59c rgb(2,245,156)
```

Split Complementary Color

#2202f5
```
#2202f5 rgb(34,2,245)
```
#f52202
```
#f52202 rgb(245,34,2)
```
#02f522
```
#02f522 rgb(2,245,34)
```

Triadic Color

#f502d5
```
#f502d5 rgb(245,2,213)
```
#f52202
```
#f52202 rgb(245,34,2)
```
#02f522
```
#02f522 rgb(2,245,34)
```
#02d5f5
```
#02d5f5 rgb(2,213,245)
```

Tetradic Color

#a91701
```
#a91701 rgb(169,23,1)
```
#c21b02
```
#c21b02 rgb(194,27,2)
```
#dc1e02
```
#dc1e02 rgb(220,30,2)
```
#f52202
```
#f52202 rgb(245,34,2)
```
#fd3213
```
#fd3213 rgb(253,50,19)
```
#fd482d
```
#fd482d rgb(253,72,45)
```
#fd5e46
```
#fd5e46 rgb(253,94,70)
```

Monochromatic Color

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

#f5021f
```
#f5021f rgb(245,2,31)
```
#f5020b
```
#f5020b rgb(245,2,11)
```
#f50e02
```
#f50e02 rgb(245,14,2)
```
#f52202
```
#f52202 rgb(245,34,2)
```
#f53602
```
#f53602 rgb(245,54,2)
```
#f54b02
```
#f54b02 rgb(245,75,2)
```
#f55f02
```
#f55f02 rgb(245,95,2)
```

Similar Colors

Text with hexadecimal color #f52202

This text has a font color of #f52202.

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

#f52202 background color

This paragraph has a background color of #f52202.

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

#f52202 border color

This element has a border color of #f52202.

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

CSS codes

.text {color:#f52202;}

.background {background-color:#f52202;}

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

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

#0c0200
```
#0c0200 rgb(12,2,0)
```
#1f0400
```
#1f0400 rgb(31,4,0)
```
#320700
```
#320700 rgb(50,7,0)
```
#460a01
```
#460a01 rgb(70,10,1)
```
#590c01
```
#590c01 rgb(89,12,1)
```
#6d0f01
```
#6d0f01 rgb(109,15,1)
```
#801201
```
#801201 rgb(128,18,1)
```
#941401
```
#941401 rgb(148,20,1)
```
#a71701
```
#a71701 rgb(167,23,1)
```
#bb1a02
```
#bb1a02 rgb(187,26,2)
```
#ce1d02
```
#ce1d02 rgb(206,29,2)
```
#e21f02
```
#e21f02 rgb(226,31,2)
```
#f52202
```
#f52202 rgb(245,34,2)
```

Shade Color Variation

#fd2d0e
```
#fd2d0e rgb(253,45,14)
```
#fd3e21
```
#fd3e21 rgb(253,62,33)
```
#fd4f34
```
#fd4f34 rgb(253,79,52)
```
#fe6048
```
#fe6048 rgb(254,96,72)
```
#fe715b
```
#fe715b rgb(254,113,91)
```
#fe826f
```
#fe826f rgb(254,130,111)
```
#fe9382
```
#fe9382 rgb(254,147,130)
```
#fea496
```
#fea496 rgb(254,164,150)
```
#feb4a9
```
#feb4a9 rgb(254,180,169)
```
#fec5bd
```
#fec5bd rgb(254,197,189)
```
#ffd6d0
```
#ffd6d0 rgb(255,214,208)
```
#ffe7e4
```
#ffe7e4 rgb(255,231,228)
```
#fff8f7
```
#fff8f7 rgb(255,248,247)
```

Tint Color Variation

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

#837674
```
#837674 rgb(131,118,116)
```
#8d6f6b
```
#8d6f6b rgb(141,111,107)
```
#966861
```
#966861 rgb(150,104,97)
```
#a06158
```
#a06158 rgb(160,97,88)
```
#a95a4e
```
#a95a4e rgb(169,90,78)
```
#b35345
```
#b35345 rgb(179,83,69)
```
#bc4c3b
```
#bc4c3b rgb(188,76,59)
```
#c64532
```
#c64532 rgb(198,69,50)
```
#cf3e28
```
#cf3e28 rgb(207,62,40)
```
#d9371f
```
#d9371f rgb(217,55,31)
```
#e23015
```
#e23015 rgb(226,48,21)
```
#ec290c
```
#ec290c rgb(236,41,12)
```
#f52202
```
#f52202 rgb(245,34,2)
```

Tone Color Variation

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

#5d5d5d Achromatopsia 0.005% of the population
#7b514b Atypical Achromatopsia 0.001% of the population

Dichromacy

#938422 Protanopia 1% of men
#a47d00 Deuteranopia 1% of men
#f52b28 Tritanopia 0.001% of the population

Trichromacy

#b76016 Protanomaly 1% of men, 0.01% of women
#c15c00 Deuteranomaly 6% of men, 0.4% of women
#f5271a Tritanomaly 0.01% of the population

#f52202 hex color

#f52202 Color Information

#f52202 Color Conversion

Color Schemes with #f52202

Alternatives to #f52202

#f52202 Preview

Shades and Tints of #f52202

Tones of #f52202

Color Blindness Simulator