colorhexa.com

#f52c61 hex color

In a RGB color space, hex #f52c61 is composed of 96.1% red, 17.3% green and 38% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 82% magenta, 60.4% yellow and 3.9% black. It has a hue angle of 344.2 degrees, a saturation of 91% and a lightness of 56.7%. #f52c61 color hex could be obtained by blending #ff58c2 with #eb0000. Closest websafe color is: #ff3366.

- R 96
- G 17
- B 38
RGB color chart
- C 0
- M 82
- Y 60
- K 4
CMYK color chart

● #f52c61 color description : Bright pink.

The hexadecimal color #f52c61 has RGB values of R:245, G:44, B:97 and CMYK values of C:0, M:0.82, Y:0.6, K:0.04. Its decimal value is 16067681.

Hex triplet	f52c61	`#f52c61`
RGB Decimal	245, 44, 97	`rgb(245,44,97)`
RGB Percent	96.1, 17.3, 38	`rgb(96.1%,17.3%,38%)`
CMYK	0, 82, 60, 4
HSL	344.2°, 91, 56.7	`hsl(344.2,91%,56.7%)`
HSV (or HSB)	344.2°, 82, 96.1
Web Safe	ff3366	`#ff3366`

CIE-LAB	54.114, 74.704, 21.337
XYZ	40.716, 22.082, 13.427
xyY	0.534, 0.29, 22.082
CIE-LCH	54.114, 77.691, 15.94
CIE-LUV	54.114, 138.761, 9.687
Hunter-Lab	46.991, 72.429, 15.953
Binary	11110101, 00101100, 01100001

#f52c61
```
#f52c61 rgb(245,44,97)
```
#2cf5c0
```
#2cf5c0 rgb(44,245,192)
```

Complementary Color

#f52cc6
```
#f52cc6 rgb(245,44,198)
```
#f52c61
```
#f52c61 rgb(245,44,97)
```
#f55b2c
```
#f55b2c rgb(245,91,44)
```

Analogous Color

#2cc6f5
```
#2cc6f5 rgb(44,198,245)
```
#f52c61
```
#f52c61 rgb(245,44,97)
```
#2cf55b
```
#2cf55b rgb(44,245,91)
```

Split Complementary Color

#2c61f5
```
#2c61f5 rgb(44,97,245)
```
#f52c61
```
#f52c61 rgb(245,44,97)
```
#61f52c
```
#61f52c rgb(97,245,44)
```

Triadic Color

#c02cf5
```
#c02cf5 rgb(192,44,245)
```
#f52c61
```
#f52c61 rgb(245,44,97)
```
#61f52c
```
#61f52c rgb(97,245,44)
```
#2cf5c0
```
#2cf5c0 rgb(44,245,192)
```

Tetradic Color

#cb0a3d
```
#cb0a3d rgb(203,10,61)
```
#e30b44
```
#e30b44 rgb(227,11,68)
```
#f4144f
```
#f4144f rgb(244,20,79)
```
#f52c61
```
#f52c61 rgb(245,44,97)
```
#f64473
```
#f64473 rgb(246,68,115)
```
#f75d85
```
#f75d85 rgb(247,93,133)
```
#f87598
```
#f87598 rgb(248,117,152)
```

Monochromatic Color

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

#f52c93
```
#f52c93 rgb(245,44,147)
```
#f52c83
```
#f52c83 rgb(245,44,131)
```
#f52c72
```
#f52c72 rgb(245,44,114)
```
#f52c61
```
#f52c61 rgb(245,44,97)
```
#f52c50
```
#f52c50 rgb(245,44,80)
```
#f52c3f
```
#f52c3f rgb(245,44,63)
```
#f52c2f
```
#f52c2f rgb(245,44,47)
```

Similar Colors

Text with hexadecimal color #f52c61

This text has a font color of #f52c61.

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

#f52c61 background color

This paragraph has a background color of #f52c61.

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

#f52c61 border color

This element has a border color of #f52c61.

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

CSS codes

.text {color:#f52c61;}

.background {background-color:#f52c61;}

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

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

#0e0104
```
#0e0104 rgb(14,1,4)
```
#20020a
```
#20020a rgb(32,2,10)
```
#33020f
```
#33020f rgb(51,2,15)
```
#460315
```
#460315 rgb(70,3,21)
```
#59041a
```
#59041a rgb(89,4,26)
```
#6b0520
```
#6b0520 rgb(107,5,32)
```
#7e0626
```
#7e0626 rgb(126,6,38)
```
#91072b
```
#91072b rgb(145,7,43)
```
#a40831
```
#a40831 rgb(164,8,49)
```
#b60936
```
#b60936 rgb(182,9,54)
```
#c90a3c
```
#c90a3c rgb(201,10,60)
```
#dc0a42
```
#dc0a42 rgb(220,10,66)
```
#ee0b47
```
#ee0b47 rgb(238,11,71)
```

Shade Color Variation

#f41953
```
#f41953 rgb(244,25,83)
```
#f52c61
```
#f52c61 rgb(245,44,97)
```
#f63f6f
```
#f63f6f rgb(246,63,111)
```
#f7517d
```
#f7517d rgb(247,81,125)
```
#f8648b
```
#f8648b rgb(248,100,139)
```
#f97799
```
#f97799 rgb(249,119,153)
```
#f98aa7
```
#f98aa7 rgb(249,138,167)
```
#fa9cb5
```
#fa9cb5 rgb(250,156,181)
```
#fbafc3
```
#fbafc3 rgb(251,175,195)
```
#fcc2d1
```
#fcc2d1 rgb(252,194,209)
```
#fdd5df
```
#fdd5df rgb(253,213,223)
```
#fee7ed
```
#fee7ed rgb(254,231,237)
```
#fffafb
```
#fffafb rgb(255,250,251)
```

Tint Color Variation

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

#988a8d
```
#988a8d rgb(152,138,141)
```
#a08189
```
#a08189 rgb(160,129,137)
```
#a97985
```
#a97985 rgb(169,121,133)
```
#b17081
```
#b17081 rgb(177,112,129)
```
#ba687d
```
#ba687d rgb(186,104,125)
```
#c25f79
```
#c25f79 rgb(194,95,121)
```
#cb5775
```
#cb5775 rgb(203,87,117)
```
#d34e71
```
#d34e71 rgb(211,78,113)
```
#dc466d
```
#dc466d rgb(220,70,109)
```
#e43d69
```
#e43d69 rgb(228,61,105)
```
#ed3465
```
#ed3465 rgb(237,52,101)
```
#f52c61
```
#f52c61 rgb(245,44,97)
```
#fe245d
```
#fe245d rgb(254,36,93)
```

Tone Color Variation

Below, you can see how #f52c61 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
#89616b Atypical Achromatopsia 0.001% of the population

Dichromacy

#898788 Protanopia 1% of men
#a1825c Deuteranopia 1% of men
#f34042 Tritanopia 0.001% of the population

Trichromacy

#b0667a Protanomaly 1% of men, 0.01% of women
#c0625e Deuteranomaly 6% of men, 0.4% of women
#f4394d Tritanomaly 0.01% of the population