#f52221 hex color

In a RGB color space, hex #f52221 is composed of 96.1% red, 13.3% green and 12.9% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 86.1% magenta, 86.5% yellow and 3.9% black. It has a hue angle of 0.3 degrees, a saturation of 91.4% and a lightness of 54.5%. #f52221 color hex could be obtained by blending #ff4442 with #eb0000. Closest websafe color is: #ff3333.

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

● #f52221 color description : Vivid red.

The hexadecimal color #f52221 has RGB values of R:245, G:34, B:33 and CMYK values of C:0, M:0.86, Y:0.87, K:0.04. Its decimal value is 16065057.

Hex triplet	f52221	`#f52221`
RGB Decimal	245, 34, 33	`rgb(245,34,33)`
RGB Percent	96.1, 13.3, 12.9	`rgb(96.1%,13.3%,12.9%)`
CMYK	0, 86, 87, 4
HSL	0.3°, 91.4, 54.5	`hsl(0.3,91.4%,54.5%)`
HSV (or HSB)	0.3°, 86.5, 96.1
Web Safe	ff3333	`#ff3333`

CIE-LAB	52.588, 74.329, 55.266
XYZ	38.505, 20.671, 3.401
xyY	0.615, 0.33, 20.671
CIE-LCH	52.588, 92.624, 36.632
CIE-LUV	52.588, 158.227, 34.323
Hunter-Lab	45.466, 71.606, 27.39
Binary	11110101, 00100010, 00100001

#f52221
```
#f52221 rgb(245,34,33)
```
#21f4f5
```
#21f4f5 rgb(33,244,245)
```

Complementary Color

#f5218a
```
#f5218a rgb(245,33,138)
```
#f52221
```
#f52221 rgb(245,34,33)
```
#f58c21
```
#f58c21 rgb(245,140,33)
```

Analogous Color

#218af5
```
#218af5 rgb(33,138,245)
```
#f52221
```
#f52221 rgb(245,34,33)
```
#21f58c
```
#21f58c rgb(33,245,140)
```

Split Complementary Color

#2221f5
```
#2221f5 rgb(34,33,245)
```
#f52221
```
#f52221 rgb(245,34,33)
```
#21f522
```
#21f522 rgb(33,245,34)
```

Triadic Color

#f521f4
```
#f521f4 rgb(245,33,244)
```
#f52221
```
#f52221 rgb(245,34,33)
```
#21f522
```
#21f522 rgb(33,245,34)
```
#21f4f5
```
#21f4f5 rgb(33,244,245)
```

Tetradic Color

#c10a09
```
#c10a09 rgb(193,10,9)
```
#d90b0a
```
#d90b0a rgb(217,11,10)
```
#f20c0b
```
#f20c0b rgb(242,12,11)
```
#f52221
```
#f52221 rgb(245,34,33)
```
#f63a39
```
#f63a39 rgb(246,58,57)
```
#f75352
```
#f75352 rgb(247,83,82)
```
#f86b6a
```
#f86b6a rgb(248,107,106)
```

Monochromatic Color

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

#f52155
```
#f52155 rgb(245,33,85)
```
#f52143
```
#f52143 rgb(245,33,67)
```
#f52132
```
#f52132 rgb(245,33,50)
```
#f52221
```
#f52221 rgb(245,34,33)
```
#f53421
```
#f53421 rgb(245,52,33)
```
#f54521
```
#f54521 rgb(245,69,33)
```
#f55721
```
#f55721 rgb(245,87,33)
```

Similar Colors

Text with hexadecimal color #f52221

This text has a font color of #f52221.

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

#f52221 background color

This paragraph has a background color of #f52221.

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

#f52221 border color

This element has a border color of #f52221.

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

CSS codes

.text {color:#f52221;}

.background {background-color:#f52221;}

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

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

#030000
```
#030000 rgb(3,0,0)
```
#160101
```
#160101 rgb(22,1,1)
```
#290202
```
#290202 rgb(41,2,2)
```
#3c0303
```
#3c0303 rgb(60,3,3)
```
#4e0404
```
#4e0404 rgb(78,4,4)
```
#610504
```
#610504 rgb(97,5,4)
```
#740605
```
#740605 rgb(116,6,5)
```
#870706
```
#870706 rgb(135,7,6)
```
#990807
```
#990807 rgb(153,8,7)
```
#ac0908
```
#ac0908 rgb(172,9,8)
```
#bf0909
```
#bf0909 rgb(191,9,9)
```
#d20a09
```
#d20a09 rgb(210,10,9)
```
#e40b0a
```
#e40b0a rgb(228,11,10)
```

Shade Color Variation

#f40f0e
```
#f40f0e rgb(244,15,14)
```
#f52221
```
#f52221 rgb(245,34,33)
```
#f63534
```
#f63534 rgb(246,53,52)
```
#f74747
```
#f74747 rgb(247,71,71)
```
#f85a59
```
#f85a59 rgb(248,90,89)
```
#f86d6c
```
#f86d6c rgb(248,109,108)
```
#f97f7f
```
#f97f7f rgb(249,127,127)
```
#fa9292
```
#fa9292 rgb(250,146,146)
```
#fba5a4
```
#fba5a4 rgb(251,165,164)
```
#fcb7b7
```
#fcb7b7 rgb(252,183,183)
```
#fdcaca
```
#fdcaca rgb(253,202,202)
```
#fddddd
```
#fddddd rgb(253,221,221)
```
#fef0ef
```
#fef0ef rgb(254,240,239)
```

Tint Color Variation

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

#938383
```
#938383 rgb(147,131,131)
```
#9c7a7a
```
#9c7a7a rgb(156,122,122)
```
#a57271
```
#a57271 rgb(165,114,113)
```
#ae6968
```
#ae6968 rgb(174,105,104)
```
#b7605f
```
#b7605f rgb(183,96,95)
```
#bf5757
```
#bf5757 rgb(191,87,87)
```
#c84e4e
```
#c84e4e rgb(200,78,78)
```
#d14545
```
#d14545 rgb(209,69,69)
```
#da3d3c
```
#da3d3c rgb(218,61,60)
```
#e33433
```
#e33433 rgb(227,52,51)
```
#ec2b2a
```
#ec2b2a rgb(236,43,42)
```
#f52221
```
#f52221 rgb(245,34,33)
```
#fe1918
```
#fe1918 rgb(254,25,24)
```

Tone Color Variation

Below, you can see how #f52221 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
#7f5454 Atypical Achromatopsia 0.001% of the population

Dichromacy

#92843f Protanopia 1% of men
#a57d00 Deuteranopia 1% of men
#f52d2b Tritanopia 0.001% of the population

Trichromacy

#b66034 Protanomaly 1% of men, 0.01% of women
#c25c0c Deuteranomaly 6% of men, 0.4% of women
#f52927 Tritanomaly 0.01% of the population

#f52221 hex color

#f52221 Color Information

#f52221 Color Conversion

Color Schemes with #f52221

Alternatives to #f52221

#f52221 Preview

Shades and Tints of #f52221

Tones of #f52221

Color Blindness Simulator