#f52d63 hex color

In a RGB color space, hex #f52d63 is composed of 96.1% red, 17.6% green and 38.8% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 81.6% magenta, 59.6% yellow and 3.9% black. It has a hue angle of 343.8 degrees, a saturation of 90.9% and a lightness of 56.9%. #f52d63 color hex could be obtained by blending #ff5ac6 with #eb0000. Closest websafe color is: #ff3366.

♥
- f
- t
- g
- R 96
- G 18
- B 39
RGB color chart
- C 0
- M 82
- Y 60
- K 4
CMYK color chart

● #f52d63 color description : Bright pink.

The hexadecimal color #f52d63 has RGB values of R:245, G:45, B:99 and CMYK values of C:0, M:0.82, Y:0.6, K:0.04. Its decimal value is 16067939.

Hex triplet	f52d63	`#f52d63`
RGB Decimal	245, 45, 99	`rgb(245,45,99)`
RGB Percent	96.1, 17.6, 38.8	`rgb(96.1%,17.6%,38.8%)`
CMYK	0, 82, 60, 4
HSL	343.8°, 90.9, 56.9	`hsl(343.8,90.9%,56.9%)`
HSV (or HSB)	343.8°, 81.6, 96.1
Web Safe	ff3366	`#ff3366`

CIE-LAB	54.233, 74.596, 20.298
XYZ	40.848, 22.195, 13.937
xyY	0.531, 0.288, 22.195
CIE-LCH	54.233, 77.308, 15.222
CIE-LUV	54.233, 137.712, 8.689
Hunter-Lab	47.111, 72.325, 15.438
Binary	11110101, 00101101, 01100011

#f52d63
```
#f52d63 rgb(245,45,99)
```
#2df5bf
```
#2df5bf rgb(45,245,191)
```

Complementary Color

#f52dc7
```
#f52dc7 rgb(245,45,199)
```
#f52d63
```
#f52d63 rgb(245,45,99)
```
#f55b2d
```
#f55b2d rgb(245,91,45)
```

Analogous Color

#2dc7f5
```
#2dc7f5 rgb(45,199,245)
```
#f52d63
```
#f52d63 rgb(245,45,99)
```
#2df55b
```
#2df55b rgb(45,245,91)
```

Split Complementary Color

#2d63f5
```
#2d63f5 rgb(45,99,245)
```
#f52d63
```
#f52d63 rgb(245,45,99)
```
#63f52d
```
#63f52d rgb(99,245,45)
```

Triadic Color

#bf2df5
```
#bf2df5 rgb(191,45,245)
```
#f52d63
```
#f52d63 rgb(245,45,99)
```
#63f52d
```
#63f52d rgb(99,245,45)
```
#2df5bf
```
#2df5bf rgb(45,245,191)
```

Tetradic Color

#cc0a3e
```
#cc0a3e rgb(204,10,62)
```
#e40b46
```
#e40b46 rgb(228,11,70)
```
#f41551
```
#f41551 rgb(244,21,81)
```
#f52d63
```
#f52d63 rgb(245,45,99)
```
#f64575
```
#f64575 rgb(246,69,117)
```
#f75e87
```
#f75e87 rgb(247,94,135)
```
#f87699
```
#f87699 rgb(248,118,153)
```

Monochromatic Color

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

#f52d95
```
#f52d95 rgb(245,45,149)
```
#f52d84
```
#f52d84 rgb(245,45,132)
```
#f52d74
```
#f52d74 rgb(245,45,116)
```
#f52d63
```
#f52d63 rgb(245,45,99)
```
#f52d52
```
#f52d52 rgb(245,45,82)
```
#f52d42
```
#f52d42 rgb(245,45,66)
```
#f52d31
```
#f52d31 rgb(245,45,49)
```

Similar Colors

Text with hexadecimal color #f52d63

This text has a font color of #f52d63.

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

#f52d63 background color

This paragraph has a background color of #f52d63.

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

#f52d63 border color

This element has a border color of #f52d63.

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

CSS codes

.text {color:#f52d63;}

.background {background-color:#f52d63;}

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

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

#0f0104
```
#0f0104 rgb(15,1,4)
```
#21020a
```
#21020a rgb(33,2,10)
```
#340210
```
#340210 rgb(52,2,16)
```
#470316
```
#470316 rgb(71,3,22)
```
#5a041b
```
#5a041b rgb(90,4,27)
```
#6c0521
```
#6c0521 rgb(108,5,33)
```
#7f0627
```
#7f0627 rgb(127,6,39)
```
#92072c
```
#92072c rgb(146,7,44)
```
#a40832
```
#a40832 rgb(164,8,50)
```
#b70938
```
#b70938 rgb(183,9,56)
```
#ca0a3e
```
#ca0a3e rgb(202,10,62)
```
#dd0b43
```
#dd0b43 rgb(221,11,67)
```
#ef0b49
```
#ef0b49 rgb(239,11,73)
```

Shade Color Variation

#f41a55
```
#f41a55 rgb(244,26,85)
```
#f52d63
```
#f52d63 rgb(245,45,99)
```
#f64071
```
#f64071 rgb(246,64,113)
```
#f7527f
```
#f7527f rgb(247,82,127)
```
#f8658d
```
#f8658d rgb(248,101,141)
```
#f9789b
```
#f9789b rgb(249,120,155)
```
#f98ba9
```
#f98ba9 rgb(249,139,169)
```
#fa9db6
```
#fa9db6 rgb(250,157,182)
```
#fbb0c4
```
#fbb0c4 rgb(251,176,196)
```
#fcc3d2
```
#fcc3d2 rgb(252,195,210)
```
#fdd6e0
```
#fdd6e0 rgb(253,214,224)
```
#fee8ee
```
#fee8ee rgb(254,232,238)
```
#fffbfc
```
#fffbfc rgb(255,251,252)
```

Tint Color Variation

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

#988a8e
```
#988a8e rgb(152,138,142)
```
#a0828a
```
#a0828a rgb(160,130,138)
```
#a97986
```
#a97986 rgb(169,121,134)
```
#b17182
```
#b17182 rgb(177,113,130)
```
#ba687e
```
#ba687e rgb(186,104,126)
```
#c2607a
```
#c2607a rgb(194,96,122)
```
#cb5776
```
#cb5776 rgb(203,87,118)
```
#d34f73
```
#d34f73 rgb(211,79,115)
```
#dc466f
```
#dc466f rgb(220,70,111)
```
#e43e6b
```
#e43e6b rgb(228,62,107)
```
#ed3567
```
#ed3567 rgb(237,53,103)
```
#f52d63
```
#f52d63 rgb(245,45,99)
```
#fd255f
```
#fd255f rgb(253,37,95)
```

Tone Color Variation

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

#6f6f6f Achromatopsia 0.005% of the population
#8a626d Atypical Achromatopsia 0.001% of the population

Dichromacy

#89878a Protanopia 1% of men
#a1825e Deuteranopia 1% of men
#f34143 Tritanopia 0.001% of the population

Trichromacy

#b0667c Protanomaly 1% of men, 0.01% of women
#c06360 Deuteranomaly 6% of men, 0.4% of women
#f43a4f Tritanomaly 0.01% of the population

#f52d63 hex color

#f52d63 Color Information

#f52d63 Color Conversion

Color Schemes with #f52d63

Alternatives to #f52d63

#f52d63 Preview

Shades and Tints of #f52d63

Tones of #f52d63

Color Blindness Simulator