#f52a28 hex color

In a RGB color space, hex #f52a28 is composed of 96.1% red, 16.5% green and 15.7% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 82.9% magenta, 83.7% yellow and 3.9% black. It has a hue angle of 0.6 degrees, a saturation of 91.1% and a lightness of 55.9%. #f52a28 color hex could be obtained by blending #ff5450 with #eb0000. Closest websafe color is: #ff3333.

♥
- f
- t
- g
- R 96
- G 16
- B 16
RGB color chart
- C 0
- M 83
- Y 84
- K 4
CMYK color chart

● #f52a28 color description : Bright red.

The hexadecimal color #f52a28 has RGB values of R:245, G:42, B:40 and CMYK values of C:0, M:0.83, Y:0.84, K:0.04. Its decimal value is 16067112.

Hex triplet	f52a28	`#f52a28`
RGB Decimal	245, 42, 40	`rgb(245,42,40)`
RGB Percent	96.1, 16.5, 15.7	`rgb(96.1%,16.5%,15.7%)`
CMYK	0, 83, 84, 4
HSL	0.6°, 91.1, 55.9	`hsl(0.6,91.1%,55.9%)`
HSV (or HSB)	0.6°, 83.7, 96.1
Web Safe	ff3333	`#ff3333`

CIE-LAB	53.197, 72.869, 52.499
XYZ	38.869, 21.227, 4.058
xyY	0.606, 0.331, 21.227
CIE-LCH	53.197, 89.811, 35.771
CIE-LUV	53.197, 154.219, 33.724
Hunter-Lab	46.072, 69.966, 27.028
Binary	11110101, 00101010, 00101000

#f52a28
```
#f52a28 rgb(245,42,40)
```
#28f3f5
```
#28f3f5 rgb(40,243,245)
```

Complementary Color

#f5288d
```
#f5288d rgb(245,40,141)
```
#f52a28
```
#f52a28 rgb(245,42,40)
```
#f59128
```
#f59128 rgb(245,145,40)
```

Analogous Color

#288df5
```
#288df5 rgb(40,141,245)
```
#f52a28
```
#f52a28 rgb(245,42,40)
```
#28f591
```
#28f591 rgb(40,245,145)
```

Split Complementary Color

#2a28f5
```
#2a28f5 rgb(42,40,245)
```
#f52a28
```
#f52a28 rgb(245,42,40)
```
#28f52a
```
#28f52a rgb(40,245,42)
```

Triadic Color

#f528f3
```
#f528f3 rgb(245,40,243)
```
#f52a28
```
#f52a28 rgb(245,42,40)
```
#28f52a
```
#28f52a rgb(40,245,42)
```
#28f3f5
```
#28f3f5 rgb(40,243,245)
```

Tetradic Color

#c70b09
```
#c70b09 rgb(199,11,9)
```
#e00c0a
```
#e00c0a rgb(224,12,10)
```
#f41210
```
#f41210 rgb(244,18,16)
```
#f52a28
```
#f52a28 rgb(245,42,40)
```
#f64240
```
#f64240 rgb(246,66,64)
```
#f75a59
```
#f75a59 rgb(247,90,89)
```
#f87271
```
#f87271 rgb(248,114,113)
```

Monochromatic Color

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

#f52859
```
#f52859 rgb(245,40,89)
```
#f52848
```
#f52848 rgb(245,40,72)
```
#f52837
```
#f52837 rgb(245,40,55)
```
#f52a28
```
#f52a28 rgb(245,42,40)
```
#f53b28
```
#f53b28 rgb(245,59,40)
```
#f54c28
```
#f54c28 rgb(245,76,40)
```
#f55d28
```
#f55d28 rgb(245,93,40)
```

Similar Colors

Text with hexadecimal color #f52a28

This text has a font color of #f52a28.

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

#f52a28 background color

This paragraph has a background color of #f52a28.

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

#f52a28 border color

This element has a border color of #f52a28.

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

CSS codes

.text {color:#f52a28;}

.background {background-color:#f52a28;}

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

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 #fff6f6 is the lightest one.

#0a0100
```
#0a0100 rgb(10,1,0)
```
#1d0201
```
#1d0201 rgb(29,2,1)
```
#2f0302
```
#2f0302 rgb(47,3,2)
```
#420403
```
#420403 rgb(66,4,3)
```
#550504
```
#550504 rgb(85,5,4)
```
#680605
```
#680605 rgb(104,6,5)
```
#7a0706
```
#7a0706 rgb(122,7,6)
```
#8d0807
```
#8d0807 rgb(141,8,7)
```
#a00907
```
#a00907 rgb(160,9,7)
```
#b30a08
```
#b30a08 rgb(179,10,8)
```
#c50b09
```
#c50b09 rgb(197,11,9)
```
#d80c0a
```
#d80c0a rgb(216,12,10)
```
#eb0d0b
```
#eb0d0b rgb(235,13,11)
```

Shade Color Variation

#f41715
```
#f41715 rgb(244,23,21)
```
#f52a28
```
#f52a28 rgb(245,42,40)
```
#f63d3b
```
#f63d3b rgb(246,61,59)
```
#f74f4d
```
#f74f4d rgb(247,79,77)
```
#f86260
```
#f86260 rgb(248,98,96)
```
#f87473
```
#f87473 rgb(248,116,115)
```
#f98786
```
#f98786 rgb(249,135,134)
```
#fa9998
```
#fa9998 rgb(250,153,152)
```
#fbacab
```
#fbacab rgb(251,172,171)
```
#fcbfbe
```
#fcbfbe rgb(252,191,190)
```
#fdd1d1
```
#fdd1d1 rgb(253,209,209)
```
#fee4e3
```
#fee4e3 rgb(254,228,227)
```
#fff6f6
```
#fff6f6 rgb(255,246,246)
```

Tint Color Variation

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

#968787
```
#968787 rgb(150,135,135)
```
#9e7f7f
```
#9e7f7f rgb(158,127,127)
```
#a77676
```
#a77676 rgb(167,118,118)
```
#b06e6d
```
#b06e6d rgb(176,110,109)
```
#b86565
```
#b86565 rgb(184,101,101)
```
#c15d5c
```
#c15d5c rgb(193,93,92)
```
#ca5453
```
#ca5453 rgb(202,84,83)
```
#d24c4b
```
#d24c4b rgb(210,76,75)
```
#db4342
```
#db4342 rgb(219,67,66)
```
#e43b39
```
#e43b39 rgb(228,59,57)
```
#ec3231
```
#ec3231 rgb(236,50,49)
```
#f52a28
```
#f52a28 rgb(245,42,40)
```
#fe221f
```
#fe221f rgb(254,34,31)
```

Tone Color Variation

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

#666666 Achromatopsia 0.005% of the population
#835a5a Atypical Achromatopsia 0.001% of the population

Dichromacy

#938546 Protanopia 1% of men
#a67f1c Deuteranopia 1% of men
#f53434 Tritanopia 0.001% of the population

Trichromacy

#b6643b Protanomaly 1% of men, 0.01% of women
#c36020 Deuteranomaly 6% of men, 0.4% of women
#f5302f Tritanomaly 0.01% of the population

#f52a28 hex color

#f52a28 Color Information

#f52a28 Color Conversion

Color Schemes with #f52a28

Alternatives to #f52a28

#f52a28 Preview

Shades and Tints of #f52a28

Tones of #f52a28

Color Blindness Simulator