#f52500 hex color

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

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

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

Hex triplet	f52500	`#f52500`
RGB Decimal	245, 37, 0	`rgb(245,37,0)`
RGB Percent	96.1, 14.5, 0	`rgb(96.1%,14.5%,0%)`
CMYK	0, 85, 100, 4
HSL	9.1°, 100, 48	`hsl(9.1,100%,48%)`
HSV (or HSB)	9.1°, 100, 96.1
Web Safe	ff3300	`#ff3300`

CIE-LAB	52.664, 73.406, 65.743
XYZ	38.32, 20.741, 1.986
xyY	0.628, 0.34, 20.741
CIE-LCH	52.664, 98.542, 41.848
CIE-LUV	52.664, 159.838, 38.963
Hunter-Lab	45.542, 70.495, 29.294
Binary	11110101, 00100101, 00000000

#f52500
```
#f52500 rgb(245,37,0)
```
#00d0f5
```
#00d0f5 rgb(0,208,245)
```

Complementary Color

#f50056
```
#f50056 rgb(245,0,86)
```
#f52500
```
#f52500 rgb(245,37,0)
```
#f5a000
```
#f5a000 rgb(245,160,0)
```

Analogous Color

#0056f5
```
#0056f5 rgb(0,86,245)
```
#f52500
```
#f52500 rgb(245,37,0)
```
#00f5a0
```
#00f5a0 rgb(0,245,160)
```

Split Complementary Color

#2500f5
```
#2500f5 rgb(37,0,245)
```
#f52500
```
#f52500 rgb(245,37,0)
```
#00f525
```
#00f525 rgb(0,245,37)
```

Triadic Color

#f500d0
```
#f500d0 rgb(245,0,208)
```
#f52500
```
#f52500 rgb(245,37,0)
```
#00f525
```
#00f525 rgb(0,245,37)
```
#00d0f5
```
#00d0f5 rgb(0,208,245)
```

Tetradic Color

#a91900
```
#a91900 rgb(169,25,0)
```
#c21d00
```
#c21d00 rgb(194,29,0)
```
#dc2100
```
#dc2100 rgb(220,33,0)
```
#f52500
```
#f52500 rgb(245,37,0)
```
#ff3410
```
#ff3410 rgb(255,52,16)
```
#ff4929
```
#ff4929 rgb(255,73,41)
```
#ff5f43
```
#ff5f43 rgb(255,95,67)
```

Monochromatic Color

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

#f50018
```
#f50018 rgb(245,0,24)
```
#f50004
```
#f50004 rgb(245,0,4)
```
#f51100
```
#f51100 rgb(245,17,0)
```
#f52500
```
#f52500 rgb(245,37,0)
```
#f53900
```
#f53900 rgb(245,57,0)
```
#f54e00
```
#f54e00 rgb(245,78,0)
```
#f56200
```
#f56200 rgb(245,98,0)
```

Similar Colors

Text with hexadecimal color #f52500

This text has a font color of #f52500.

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

#f52500 background color

This paragraph has a background color of #f52500.

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

#f52500 border color

This element has a border color of #f52500.

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

CSS codes

.text {color:#f52500;}

.background {background-color:#f52500;}

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

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 #fff7f5 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)
```
#6c1000
```
#6c1000 rgb(108,16,0)
```
#7f1300
```
#7f1300 rgb(127,19,0)
```
#931600
```
#931600 rgb(147,22,0)
```
#a71900
```
#a71900 rgb(167,25,0)
```
#ba1c00
```
#ba1c00 rgb(186,28,0)
```
#ce1f00
```
#ce1f00 rgb(206,31,0)
```
#e12200
```
#e12200 rgb(225,34,0)
```
#f52500
```
#f52500 rgb(245,37,0)
```

Shade Color Variation

#ff2f0a
```
#ff2f0a rgb(255,47,10)
```
#ff3f1d
```
#ff3f1d rgb(255,63,29)
```
#ff5031
```
#ff5031 rgb(255,80,49)
```
#ff6144
```
#ff6144 rgb(255,97,68)
```
#ff7158
```
#ff7158 rgb(255,113,88)
```
#ff826c
```
#ff826c rgb(255,130,108)
```
#ff937f
```
#ff937f rgb(255,147,127)
```
#ffa393
```
#ffa393 rgb(255,163,147)
```
#ffb4a7
```
#ffb4a7 rgb(255,180,167)
```
#ffc5ba
```
#ffc5ba rgb(255,197,186)
```
#ffd5ce
```
#ffd5ce rgb(255,213,206)
```
#ffe6e1
```
#ffe6e1 rgb(255,230,225)
```
#fff7f5
```
#fff7f5 rgb(255,247,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 #f52500 is the most saturated one.

#847471
```
#847471 rgb(132,116,113)
```
#8d6d68
```
#8d6d68 rgb(141,109,104)
```
#97675e
```
#97675e rgb(151,103,94)
```
#a06055
```
#a06055 rgb(160,96,85)
```
#aa5a4b
```
#aa5a4b rgb(170,90,75)
```
#b35342
```
#b35342 rgb(179,83,66)
```
#bc4c39
```
#bc4c39 rgb(188,76,57)
```
#c6462f
```
#c6462f rgb(198,70,47)
```
#cf3f26
```
#cf3f26 rgb(207,63,38)
```
#d9391c
```
#d9391c rgb(217,57,28)
```
#e23213
```
#e23213 rgb(226,50,19)
```
#ec2c09
```
#ec2c09 rgb(236,44,9)
```
#f52500
```
#f52500 rgb(245,37,0)
```

Tone Color Variation

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

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

Trichromacy

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

#f52500 hex color

#f52500 Color Information

#f52500 Color Conversion

Color Schemes with #f52500

Alternatives to #f52500

#f52500 Preview

Shades and Tints of #f52500

Tones of #f52500

Color Blindness Simulator