#f52201 hex color

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

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

● #f52201 color description : Vivid red.

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

Hex triplet	f52201	`#f52201`
RGB Decimal	245, 34, 1	`rgb(245,34,1)`
RGB Percent	96.1, 13.3, 0.4	`rgb(96.1%,13.3%,0.4%)`
CMYK	0, 86, 100, 4
HSL	8.1°, 99.2, 48.2	`hsl(8.1,99.2%,48.2%)`
HSV (or HSB)	8.1°, 99.6, 96.1
Web Safe	ff3300	`#ff3300`

CIE-LAB	52.469, 73.979, 65.414
XYZ	38.236, 20.564, 1.985
xyY	0.629, 0.338, 20.564
CIE-LCH	52.469, 98.752, 41.484
CIE-LUV	52.469, 160.88, 38.523
Hunter-Lab	45.347, 71.15, 29.148
Binary	11110101, 00100010, 00000001

#f52201
```
#f52201 rgb(245,34,1)
```
#01d4f5
```
#01d4f5 rgb(1,212,245)
```

Complementary Color

#f5015a
```
#f5015a rgb(245,1,90)
```
#f52201
```
#f52201 rgb(245,34,1)
```
#f59c01
```
#f59c01 rgb(245,156,1)
```

Analogous Color

#015af5
```
#015af5 rgb(1,90,245)
```
#f52201
```
#f52201 rgb(245,34,1)
```
#01f59c
```
#01f59c rgb(1,245,156)
```

Split Complementary Color

#2201f5
```
#2201f5 rgb(34,1,245)
```
#f52201
```
#f52201 rgb(245,34,1)
```
#01f522
```
#01f522 rgb(1,245,34)
```

Triadic Color

#f501d4
```
#f501d4 rgb(245,1,212)
```
#f52201
```
#f52201 rgb(245,34,1)
```
#01f522
```
#01f522 rgb(1,245,34)
```
#01d4f5
```
#01d4f5 rgb(1,212,245)
```

Tetradic Color

#a91701
```
#a91701 rgb(169,23,1)
```
#c21b01
```
#c21b01 rgb(194,27,1)
```
#dc1e01
```
#dc1e01 rgb(220,30,1)
```
#f52201
```
#f52201 rgb(245,34,1)
```
#fe3111
```
#fe3111 rgb(254,49,17)
```
#fe472b
```
#fe472b rgb(254,71,43)
```
#fe5d44
```
#fe5d44 rgb(254,93,68)
```

Monochromatic Color

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

#f5011d
```
#f5011d rgb(245,1,29)
```
#f50109
```
#f50109 rgb(245,1,9)
```
#f50e01
```
#f50e01 rgb(245,14,1)
```
#f52201
```
#f52201 rgb(245,34,1)
```
#f53601
```
#f53601 rgb(245,54,1)
```
#f54b01
```
#f54b01 rgb(245,75,1)
```
#f55f01
```
#f55f01 rgb(245,95,1)
```

Similar Colors

Text with hexadecimal color #f52201

This text has a font color of #f52201.

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

#f52201 background color

This paragraph has a background color of #f52201.

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

#f52201 border color

This element has a border color of #f52201.

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

CSS codes

.text {color:#f52201;}

.background {background-color:#f52201;}

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

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

#0b0100
```
#0b0100 rgb(11,1,0)
```
#1e0400
```
#1e0400 rgb(30,4,0)
```
#320700
```
#320700 rgb(50,7,0)
```
#450a00
```
#450a00 rgb(69,10,0)
```
#590c00
```
#590c00 rgb(89,12,0)
```
#6c0f00
```
#6c0f00 rgb(108,15,0)
```
#801201
```
#801201 rgb(128,18,1)
```
#931401
```
#931401 rgb(147,20,1)
```
#a71701
```
#a71701 rgb(167,23,1)
```
#ba1a01
```
#ba1a01 rgb(186,26,1)
```
#ce1d01
```
#ce1d01 rgb(206,29,1)
```
#e11f01
```
#e11f01 rgb(225,31,1)
```
#f52201
```
#f52201 rgb(245,34,1)
```

Shade Color Variation

#fe2c0c
```
#fe2c0c rgb(254,44,12)
```
#fe3d1f
```
#fe3d1f rgb(254,61,31)
```
#fe4e33
```
#fe4e33 rgb(254,78,51)
```
#fe5f46
```
#fe5f46 rgb(254,95,70)
```
#fe705a
```
#fe705a rgb(254,112,90)
```
#fe816d
```
#fe816d rgb(254,129,109)
```
#fe9281
```
#fe9281 rgb(254,146,129)
```
#ffa394
```
#ffa394 rgb(255,163,148)
```
#ffb4a8
```
#ffb4a8 rgb(255,180,168)
```
#ffc5bb
```
#ffc5bb rgb(255,197,187)
```
#ffd5cf
```
#ffd5cf rgb(255,213,207)
```
#ffe6e3
```
#ffe6e3 rgb(255,230,227)
```
#fff7f6
```
#fff7f6 rgb(255,247,246)
```

Tint Color Variation

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

#837573
```
#837573 rgb(131,117,115)
```
#8d6e69
```
#8d6e69 rgb(141,110,105)
```
#966760
```
#966760 rgb(150,103,96)
```
#a06056
```
#a06056 rgb(160,96,86)
```
#a9594d
```
#a9594d rgb(169,89,77)
```
#b35243
```
#b35243 rgb(179,82,67)
```
#bc4b3a
```
#bc4b3a rgb(188,75,58)
```
#c64530
```
#c64530 rgb(198,69,48)
```
#cf3e27
```
#cf3e27 rgb(207,62,39)
```
#d9371d
```
#d9371d rgb(217,55,29)
```
#e23014
```
#e23014 rgb(226,48,20)
```
#ec290a
```
#ec290a rgb(236,41,10)
```
#f52201
```
#f52201 rgb(245,34,1)
```

Tone Color Variation

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

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

Trichromacy

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

#f52201 hex color

#f52201 Color Information

#f52201 Color Conversion

Color Schemes with #f52201

Alternatives to #f52201

#f52201 Preview

Shades and Tints of #f52201

Tones of #f52201

Color Blindness Simulator