#f52301 hex color

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

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

● #f52301 color description : Vivid red.

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

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

CIE-LAB	52.533, 73.795, 65.44
XYZ	38.265, 20.622, 1.994
xyY	0.629, 0.339, 20.622
CIE-LCH	52.533, 98.631, 41.566
CIE-LUV	52.533, 160.524, 38.638
Hunter-Lab	45.411, 70.94, 29.184
Binary	11110101, 00100011, 00000001

#f52301
```
#f52301 rgb(245,35,1)
```
#01d3f5
```
#01d3f5 rgb(1,211,245)
```

Complementary Color

#f50159
```
#f50159 rgb(245,1,89)
```
#f52301
```
#f52301 rgb(245,35,1)
```
#f59d01
```
#f59d01 rgb(245,157,1)
```

Analogous Color

#0159f5
```
#0159f5 rgb(1,89,245)
```
#f52301
```
#f52301 rgb(245,35,1)
```
#01f59d
```
#01f59d rgb(1,245,157)
```

Split Complementary Color

#2301f5
```
#2301f5 rgb(35,1,245)
```
#f52301
```
#f52301 rgb(245,35,1)
```
#01f523
```
#01f523 rgb(1,245,35)
```

Triadic Color

#f501d3
```
#f501d3 rgb(245,1,211)
```
#f52301
```
#f52301 rgb(245,35,1)
```
#01f523
```
#01f523 rgb(1,245,35)
```
#01d3f5
```
#01d3f5 rgb(1,211,245)
```

Tetradic Color

#a91801
```
#a91801 rgb(169,24,1)
```
#c21c01
```
#c21c01 rgb(194,28,1)
```
#dc1f01
```
#dc1f01 rgb(220,31,1)
```
#f52301
```
#f52301 rgb(245,35,1)
```
#fe3211
```
#fe3211 rgb(254,50,17)
```
#fe482b
```
#fe482b rgb(254,72,43)
```
#fe5e44
```
#fe5e44 rgb(254,94,68)
```

Monochromatic Color

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

#f5011c
```
#f5011c rgb(245,1,28)
```
#f50108
```
#f50108 rgb(245,1,8)
```
#f50f01
```
#f50f01 rgb(245,15,1)
```
#f52301
```
#f52301 rgb(245,35,1)
```
#f53701
```
#f53701 rgb(245,55,1)
```
#f54c01
```
#f54c01 rgb(245,76,1)
```
#f56001
```
#f56001 rgb(245,96,1)
```

Similar Colors

Text with hexadecimal color #f52301

This text has a font color of #f52301.

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

#f52301 background color

This paragraph has a background color of #f52301.

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

#f52301 border color

This element has a border color of #f52301.

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

CSS codes

.text {color:#f52301;}

.background {background-color:#f52301;}

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

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)
```
#1e0400
```
#1e0400 rgb(30,4,0)
```
#320700
```
#320700 rgb(50,7,0)
```
#450a00
```
#450a00 rgb(69,10,0)
```
#590d00
```
#590d00 rgb(89,13,0)
```
#6c0f00
```
#6c0f00 rgb(108,15,0)
```
#801201
```
#801201 rgb(128,18,1)
```
#931501
```
#931501 rgb(147,21,1)
```
#a71801
```
#a71801 rgb(167,24,1)
```
#ba1b01
```
#ba1b01 rgb(186,27,1)
```
#ce1d01
```
#ce1d01 rgb(206,29,1)
```
#e12001
```
#e12001 rgb(225,32,1)
```
#f52301
```
#f52301 rgb(245,35,1)
```

Shade Color Variation

#fe2d0c
```
#fe2d0c rgb(254,45,12)
```
#fe3e1f
```
#fe3e1f rgb(254,62,31)
```
#fe4f33
```
#fe4f33 rgb(254,79,51)
```
#fe6046
```
#fe6046 rgb(254,96,70)
```
#fe715a
```
#fe715a rgb(254,113,90)
```
#fe826d
```
#fe826d rgb(254,130,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)
```
#ffd6cf
```
#ffd6cf rgb(255,214,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 #f52301 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)
```
#a95a4d
```
#a95a4d rgb(169,90,77)
```
#b35343
```
#b35343 rgb(179,83,67)
```
#bc4c3a
```
#bc4c3a rgb(188,76,58)
```
#c64530
```
#c64530 rgb(198,69,48)
```
#cf3e27
```
#cf3e27 rgb(207,62,39)
```
#d9371d
```
#d9371d rgb(217,55,29)
```
#e23114
```
#e23114 rgb(226,49,20)
```
#ec2a0a
```
#ec2a0a rgb(236,42,10)
```
#f52301
```
#f52301 rgb(245,35,1)
```

Tone Color Variation

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

#5e5e5e Achromatopsia 0.005% of the population
#7c524b Atypical Achromatopsia 0.001% of the population

Dichromacy

#938421 Protanopia 1% of men
#a47d00 Deuteranopia 1% of men
#f52c29 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
#f5281a Tritanomaly 0.01% of the population

#f52301 hex color

#f52301 Color Information

#f52301 Color Conversion

Color Schemes with #f52301

Alternatives to #f52301

#f52301 Preview

Shades and Tints of #f52301

Tones of #f52301

Color Blindness Simulator