#f52e58 hex color

In a RGB color space, hex #f52e58 is composed of 96.1% red, 18% green and 34.5% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 81.2% magenta, 64.1% yellow and 3.9% black. It has a hue angle of 347.3 degrees, a saturation of 90.9% and a lightness of 57.1%. #f52e58 color hex could be obtained by blending #ff5cb0 with #eb0000. Closest websafe color is: #ff3366.

♥
- f
- t
- g
- R 96
- G 18
- B 35
RGB color chart
- C 0
- M 81
- Y 64
- K 4
CMYK color chart

● #f52e58 color description : Bright red.

The hexadecimal color #f52e58 has RGB values of R:245, G:46, B:88 and CMYK values of C:0, M:0.81, Y:0.64, K:0.04. Its decimal value is 16068184.

Hex triplet	f52e58	`#f52e58`
RGB Decimal	245, 46, 88	`rgb(245,46,88)`
RGB Percent	96.1, 18, 34.5	`rgb(96.1%,18%,34.5%)`
CMYK	0, 81, 64, 4
HSL	347.3°, 90.9, 57.1	`hsl(347.3,90.9%,57.1%)`
HSV (or HSB)	347.3°, 81.2, 96.1
Web Safe	ff3366	`#ff3366`

CIE-LAB	54.107, 73.741, 26.705
XYZ	40.396, 22.076, 11.366
xyY	0.547, 0.299, 22.076
CIE-LCH	54.107, 78.427, 19.908
CIE-LUV	54.107, 141.041, 15.105
Hunter-Lab	46.985, 71.246, 18.547
Binary	11110101, 00101110, 01011000

#f52e58
```
#f52e58 rgb(245,46,88)
```
#2ef5cb
```
#2ef5cb rgb(46,245,203)
```

Complementary Color

#f52ebc
```
#f52ebc rgb(245,46,188)
```
#f52e58
```
#f52e58 rgb(245,46,88)
```
#f5682e
```
#f5682e rgb(245,104,46)
```

Analogous Color

#2ebcf5
```
#2ebcf5 rgb(46,188,245)
```
#f52e58
```
#f52e58 rgb(245,46,88)
```
#2ef568
```
#2ef568 rgb(46,245,104)
```

Split Complementary Color

#2e58f5
```
#2e58f5 rgb(46,88,245)
```
#f52e58
```
#f52e58 rgb(245,46,88)
```
#58f52e
```
#58f52e rgb(88,245,46)
```

Triadic Color

#cb2ef5
```
#cb2ef5 rgb(203,46,245)
```
#f52e58
```
#f52e58 rgb(245,46,88)
```
#58f52e
```
#58f52e rgb(88,245,46)
```
#2ef5cb
```
#2ef5cb rgb(46,245,203)
```

Tetradic Color

#cd0a33
```
#cd0a33 rgb(205,10,51)
```
#e50b39
```
#e50b39 rgb(229,11,57)
```
#f41645
```
#f41645 rgb(244,22,69)
```
#f52e58
```
#f52e58 rgb(245,46,88)
```
#f6466b
```
#f6466b rgb(246,70,107)
```
#f75f7f
```
#f75f7f rgb(247,95,127)
```
#f87792
```
#f87792 rgb(248,119,146)
```

Monochromatic Color

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

#f52e8a
```
#f52e8a rgb(245,46,138)
```
#f52e79
```
#f52e79 rgb(245,46,121)
```
#f52e69
```
#f52e69 rgb(245,46,105)
```
#f52e58
```
#f52e58 rgb(245,46,88)
```
#f52e47
```
#f52e47 rgb(245,46,71)
```
#f52e37
```
#f52e37 rgb(245,46,55)
```
#f5362e
```
#f5362e rgb(245,54,46)
```

Similar Colors

Text with hexadecimal color #f52e58

This text has a font color of #f52e58.

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

#f52e58 background color

This paragraph has a background color of #f52e58.

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

#f52e58 border color

This element has a border color of #f52e58.

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

CSS codes

.text {color:#f52e58;}

.background {background-color:#f52e58;}

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

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, #100104 is the darkest color, while #fffcfd is the lightest one.

#100104
```
#100104 rgb(16,1,4)
```
#220209
```
#220209 rgb(34,2,9)
```
#35030d
```
#35030d rgb(53,3,13)
```
#480312
```
#480312 rgb(72,3,18)
```
#5b0417
```
#5b0417 rgb(91,4,23)
```
#6d051b
```
#6d051b rgb(109,5,27)
```
#800620
```
#800620 rgb(128,6,32)
```
#930724
```
#930724 rgb(147,7,36)
```
#a50829
```
#a50829 rgb(165,8,41)
```
#b8092e
```
#b8092e rgb(184,9,46)
```
#cb0a32
```
#cb0a32 rgb(203,10,50)
```
#de0b37
```
#de0b37 rgb(222,11,55)
```
#f00b3c
```
#f00b3c rgb(240,11,60)
```

Shade Color Variation

#f41b49
```
#f41b49 rgb(244,27,73)
```
#f52e58
```
#f52e58 rgb(245,46,88)
```
#f64167
```
#f64167 rgb(246,65,103)
```
#f75376
```
#f75376 rgb(247,83,118)
```
#f86685
```
#f86685 rgb(248,102,133)
```
#f97994
```
#f97994 rgb(249,121,148)
```
#f98ca3
```
#f98ca3 rgb(249,140,163)
```
#fa9eb2
```
#fa9eb2 rgb(250,158,178)
```
#fbb1c1
```
#fbb1c1 rgb(251,177,193)
```
#fcc4d0
```
#fcc4d0 rgb(252,196,208)
```
#fdd6df
```
#fdd6df rgb(253,214,223)
```
#fee9ee
```
#fee9ee rgb(254,233,238)
```
#fffcfd
```
#fffcfd rgb(255,252,253)
```

Tint Color Variation

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

#988b8e
```
#988b8e rgb(152,139,142)
```
#a18289
```
#a18289 rgb(161,130,137)
```
#a97a84
```
#a97a84 rgb(169,122,132)
```
#b2717f
```
#b2717f rgb(178,113,127)
```
#ba697a
```
#ba697a rgb(186,105,122)
```
#c26175
```
#c26175 rgb(194,97,117)
```
#cb5870
```
#cb5870 rgb(203,88,112)
```
#d3506b
```
#d3506b rgb(211,80,107)
```
#dc4767
```
#dc4767 rgb(220,71,103)
```
#e43f62
```
#e43f62 rgb(228,63,98)
```
#ed365d
```
#ed365d rgb(237,54,93)
```
#f52e58
```
#f52e58 rgb(245,46,88)
```
#fd2653
```
#fd2653 rgb(253,38,83)
```

Tone Color Variation

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

#6e6e6e Achromatopsia 0.005% of the population
#89616a Atypical Achromatopsia 0.001% of the population

Dichromacy

#8c877d Protanopia 1% of men
#a38253 Deuteranopia 1% of men
#f44041 Tritanopia 0.001% of the population

Trichromacy

#b2666f Protanomaly 1% of men, 0.01% of women
#c16355 Deuteranomaly 6% of men, 0.4% of women
#f43949 Tritanomaly 0.01% of the population

#f52e58 hex color

#f52e58 Color Information

#f52e58 Color Conversion

Color Schemes with #f52e58

Alternatives to #f52e58

#f52e58 Preview

Shades and Tints of #f52e58

Tones of #f52e58

Color Blindness Simulator