#f52501 hex color

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

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

● #f52501 color description : Vivid red.

The hexadecimal color #f52501 has RGB values of R:245, G:37, B:1 and CMYK values of C:0, M:0.85, Y:1, K:0.04. Its decimal value is 16065793.

Hex triplet	f52501	`#f52501`
RGB Decimal	245, 37, 1	`rgb(245,37,1)`
RGB Percent	96.1, 14.5, 0.4	`rgb(96.1%,14.5%,0.4%)`
CMYK	0, 85, 100, 4
HSL	8.9°, 99.2, 48.2	`hsl(8.9,99.2%,48.2%)`
HSV (or HSB)	8.9°, 99.6, 96.1
Web Safe	ff3300	`#ff3300`

CIE-LAB	52.667, 73.413, 65.493
XYZ	38.325, 20.743, 2.015
xyY	0.627, 0.34, 20.743
CIE-LCH	52.667, 98.381, 41.737
CIE-LUV	52.667, 159.784, 38.877
Hunter-Lab	45.544, 70.505, 29.258
Binary	11110101, 00100101, 00000001

#f52501
```
#f52501 rgb(245,37,1)
```
#01d1f5
```
#01d1f5 rgb(1,209,245)
```

Complementary Color

#f50157
```
#f50157 rgb(245,1,87)
```
#f52501
```
#f52501 rgb(245,37,1)
```
#f59f01
```
#f59f01 rgb(245,159,1)
```

Analogous Color

#0157f5
```
#0157f5 rgb(1,87,245)
```
#f52501
```
#f52501 rgb(245,37,1)
```
#01f59f
```
#01f59f rgb(1,245,159)
```

Split Complementary Color

#2501f5
```
#2501f5 rgb(37,1,245)
```
#f52501
```
#f52501 rgb(245,37,1)
```
#01f525
```
#01f525 rgb(1,245,37)
```

Triadic Color

#f501d1
```
#f501d1 rgb(245,1,209)
```
#f52501
```
#f52501 rgb(245,37,1)
```
#01f525
```
#01f525 rgb(1,245,37)
```
#01d1f5
```
#01d1f5 rgb(1,209,245)
```

Tetradic Color

#a91901
```
#a91901 rgb(169,25,1)
```
#c21d01
```
#c21d01 rgb(194,29,1)
```
#dc2101
```
#dc2101 rgb(220,33,1)
```
#f52501
```
#f52501 rgb(245,37,1)
```
#fe3411
```
#fe3411 rgb(254,52,17)
```
#fe4a2b
```
#fe4a2b rgb(254,74,43)
```
#fe6044
```
#fe6044 rgb(254,96,68)
```

Monochromatic Color

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

#f5011a
```
#f5011a rgb(245,1,26)
```
#f50106
```
#f50106 rgb(245,1,6)
```
#f51101
```
#f51101 rgb(245,17,1)
```
#f52501
```
#f52501 rgb(245,37,1)
```
#f53901
```
#f53901 rgb(245,57,1)
```
#f54e01
```
#f54e01 rgb(245,78,1)
```
#f56201
```
#f56201 rgb(245,98,1)
```

Similar Colors

Text with hexadecimal color #f52501

This text has a font color of #f52501.

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

#f52501 background color

This paragraph has a background color of #f52501.

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

#f52501 border color

This element has a border color of #f52501.

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

CSS codes

.text {color:#f52501;}

.background {background-color:#f52501;}

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

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

#0b0200
```
#0b0200 rgb(11,2,0)
```
#1e0500
```
#1e0500 rgb(30,5,0)
```
#320700
```
#320700 rgb(50,7,0)
```
#450a00
```
#450a00 rgb(69,10,0)
```
#590d00
```
#590d00 rgb(89,13,0)
```
#6c1000
```
#6c1000 rgb(108,16,0)
```
#801301
```
#801301 rgb(128,19,1)
```
#931601
```
#931601 rgb(147,22,1)
```
#a71901
```
#a71901 rgb(167,25,1)
```
#ba1c01
```
#ba1c01 rgb(186,28,1)
```
#ce1f01
```
#ce1f01 rgb(206,31,1)
```
#e12201
```
#e12201 rgb(225,34,1)
```
#f52501
```
#f52501 rgb(245,37,1)
```

Shade Color Variation

#fe2f0c
```
#fe2f0c rgb(254,47,12)
```
#fe401f
```
#fe401f rgb(254,64,31)
```
#fe5133
```
#fe5133 rgb(254,81,51)
```
#fe6146
```
#fe6146 rgb(254,97,70)
```
#fe725a
```
#fe725a rgb(254,114,90)
```
#fe836d
```
#fe836d rgb(254,131,109)
```
#fe9381
```
#fe9381 rgb(254,147,129)
```
#ffa494
```
#ffa494 rgb(255,164,148)
```
#ffb5a8
```
#ffb5a8 rgb(255,181,168)
```
#ffc5bb
```
#ffc5bb rgb(255,197,187)
```
#ffd6cf
```
#ffd6cf rgb(255,214,207)
```
#ffe7e3
```
#ffe7e3 rgb(255,231,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 #f52501 is the most saturated one.

#837573
```
#837573 rgb(131,117,115)
```
#8d6e69
```
#8d6e69 rgb(141,110,105)
```
#966860
```
#966860 rgb(150,104,96)
```
#a06156
```
#a06156 rgb(160,97,86)
```
#a95a4d
```
#a95a4d rgb(169,90,77)
```
#b35443
```
#b35443 rgb(179,84,67)
```
#bc4d3a
```
#bc4d3a rgb(188,77,58)
```
#c64630
```
#c64630 rgb(198,70,48)
```
#cf4027
```
#cf4027 rgb(207,64,39)
```
#d9391d
```
#d9391d rgb(217,57,29)
```
#e23214
```
#e23214 rgb(226,50,20)
```
#ec2c0a
```
#ec2c0a rgb(236,44,10)
```
#f52501
```
#f52501 rgb(245,37,1)
```

Tone Color Variation

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

#5f5f5f Achromatopsia 0.005% of the population
#7d534c Atypical Achromatopsia 0.001% of the population

Dichromacy

#948421 Protanopia 1% of men
#a57e00 Deuteranopia 1% of men
#f52d2b Tritanopia 0.001% of the population

Trichromacy

#b76115 Protanomaly 1% of men, 0.01% of women
#c25d00 Deuteranomaly 6% of men, 0.4% of women
#f52a1c Tritanomaly 0.01% of the population

#f52501 hex color

#f52501 Color Information

#f52501 Color Conversion

Color Schemes with #f52501

Alternatives to #f52501

#f52501 Preview

Shades and Tints of #f52501

Tones of #f52501

Color Blindness Simulator