#f52300 hex color

In a RGB color space, hex #f52300 is composed of 96.1% red, 13.7% green and 0% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 85.7% magenta, 100% yellow and 3.9% black. It has a hue angle of 8.6 degrees, a saturation of 100% and a lightness of 48%. #f52300 color hex could be obtained by blending #ff4600 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

● #f52300 color description : Pure (or mostly pure) red.

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

Hex triplet	f52300	`#f52300`
RGB Decimal	245, 35, 0	`rgb(245,35,0)`
RGB Percent	96.1, 13.7, 0	`rgb(96.1%,13.7%,0%)`
CMYK	0, 86, 100, 4
HSL	8.6°, 100, 48	`hsl(8.6,100%,48%)`
HSV (or HSB)	8.6°, 100, 96.1
Web Safe	ff3300	`#ff3300`

CIE-LAB	52.531, 73.788, 65.691
XYZ	38.259, 20.62, 1.966
xyY	0.629, 0.339, 20.62
CIE-LCH	52.531, 98.792, 41.678
CIE-LUV	52.531, 160.578, 38.725
Hunter-Lab	45.409, 70.931, 29.22
Binary	11110101, 00100011, 00000000

#f52300
```
#f52300 rgb(245,35,0)
```
#00d2f5
```
#00d2f5 rgb(0,210,245)
```

Complementary Color

#f50058
```
#f50058 rgb(245,0,88)
```
#f52300
```
#f52300 rgb(245,35,0)
```
#f59e00
```
#f59e00 rgb(245,158,0)
```

Analogous Color

#0058f5
```
#0058f5 rgb(0,88,245)
```
#f52300
```
#f52300 rgb(245,35,0)
```
#00f59e
```
#00f59e rgb(0,245,158)
```

Split Complementary Color

#2300f5
```
#2300f5 rgb(35,0,245)
```
#f52300
```
#f52300 rgb(245,35,0)
```
#00f523
```
#00f523 rgb(0,245,35)
```

Triadic Color

#f500d2
```
#f500d2 rgb(245,0,210)
```
#f52300
```
#f52300 rgb(245,35,0)
```
#00f523
```
#00f523 rgb(0,245,35)
```
#00d2f5
```
#00d2f5 rgb(0,210,245)
```

Tetradic Color

#a91800
```
#a91800 rgb(169,24,0)
```
#c21c00
```
#c21c00 rgb(194,28,0)
```
#dc1f00
```
#dc1f00 rgb(220,31,0)
```
#f52300
```
#f52300 rgb(245,35,0)
```
#ff3210
```
#ff3210 rgb(255,50,16)
```
#ff4829
```
#ff4829 rgb(255,72,41)
```
#ff5d43
```
#ff5d43 rgb(255,93,67)
```

Monochromatic Color

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

#f5001a
```
#f5001a rgb(245,0,26)
```
#f50006
```
#f50006 rgb(245,0,6)
```
#f50f00
```
#f50f00 rgb(245,15,0)
```
#f52300
```
#f52300 rgb(245,35,0)
```
#f53700
```
#f53700 rgb(245,55,0)
```
#f54c00
```
#f54c00 rgb(245,76,0)
```
#f56000
```
#f56000 rgb(245,96,0)
```

Similar Colors

Text with hexadecimal color #f52300

This text has a font color of #f52300.

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

#f52300 background color

This paragraph has a background color of #f52300.

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

#f52300 border color

This element has a border color of #f52300.

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

CSS codes

.text {color:#f52300;}

.background {background-color:#f52300;}

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

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

#0a0100
```
#0a0100 rgb(10,1,0)
```
#1d0400
```
#1d0400 rgb(29,4,0)
```
#310700
```
#310700 rgb(49,7,0)
```
#440a00
```
#440a00 rgb(68,10,0)
```
#580d00
```
#580d00 rgb(88,13,0)
```
#6c0f00
```
#6c0f00 rgb(108,15,0)
```
#7f1200
```
#7f1200 rgb(127,18,0)
```
#931500
```
#931500 rgb(147,21,0)
```
#a71800
```
#a71800 rgb(167,24,0)
```
#ba1b00
```
#ba1b00 rgb(186,27,0)
```
#ce1d00
```
#ce1d00 rgb(206,29,0)
```
#e12000
```
#e12000 rgb(225,32,0)
```
#f52300
```
#f52300 rgb(245,35,0)
```

Shade Color Variation

#ff2d0a
```
#ff2d0a rgb(255,45,10)
```
#ff3d1d
```
#ff3d1d rgb(255,61,29)
```
#ff4e31
```
#ff4e31 rgb(255,78,49)
```
#ff5f44
```
#ff5f44 rgb(255,95,68)
```
#ff7058
```
#ff7058 rgb(255,112,88)
```
#ff816c
```
#ff816c rgb(255,129,108)
```
#ff927f
```
#ff927f rgb(255,146,127)
```
#ffa293
```
#ffa293 rgb(255,162,147)
```
#ffb3a7
```
#ffb3a7 rgb(255,179,167)
```
#ffc4ba
```
#ffc4ba rgb(255,196,186)
```
#ffd5ce
```
#ffd5ce rgb(255,213,206)
```
#ffe6e1
```
#ffe6e1 rgb(255,230,225)
```
#fff6f5
```
#fff6f5 rgb(255,246,245)
```

Tint Color Variation

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

#847471
```
#847471 rgb(132,116,113)
```
#8d6d68
```
#8d6d68 rgb(141,109,104)
```
#97665e
```
#97665e rgb(151,102,94)
```
#a06055
```
#a06055 rgb(160,96,85)
```
#aa594b
```
#aa594b rgb(170,89,75)
```
#b35242
```
#b35242 rgb(179,82,66)
```
#bc4b39
```
#bc4b39 rgb(188,75,57)
```
#c6452f
```
#c6452f rgb(198,69,47)
```
#cf3e26
```
#cf3e26 rgb(207,62,38)
```
#d9371c
```
#d9371c rgb(217,55,28)
```
#e23013
```
#e23013 rgb(226,48,19)
```
#ec2a09
```
#ec2a09 rgb(236,42,9)
```
#f52300
```
#f52300 rgb(245,35,0)
```

Tone Color Variation

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

#938420 Protanopia 1% of men
#a47d00 Deuteranopia 1% of men
#f52c29 Tritanopia 0.001% of the population

Trichromacy

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

#f52300 hex color

#f52300 Color Information

#f52300 Color Conversion

Color Schemes with #f52300

Alternatives to #f52300

#f52300 Preview

Shades and Tints of #f52300

Tones of #f52300

Color Blindness Simulator