#f52c63 hex color

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

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

● #f52c63 color description : Bright pink.

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

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

CIE-LAB	54.154, 74.823, 20.191
XYZ	40.811, 22.12, 13.924
xyY	0.531, 0.288, 22.12
CIE-LCH	54.154, 77.499, 15.102
CIE-LUV	54.154, 138.059, 8.509
Hunter-Lab	47.031, 72.585, 15.368
Binary	11110101, 00101100, 01100011

#f52c63
```
#f52c63 rgb(245,44,99)
```
#2cf5be
```
#2cf5be rgb(44,245,190)
```

Complementary Color

#f52cc8
```
#f52cc8 rgb(245,44,200)
```
#f52c63
```
#f52c63 rgb(245,44,99)
```
#f55a2c
```
#f55a2c rgb(245,90,44)
```

Analogous Color

#2cc8f5
```
#2cc8f5 rgb(44,200,245)
```
#f52c63
```
#f52c63 rgb(245,44,99)
```
#2cf55a
```
#2cf55a rgb(44,245,90)
```

Split Complementary Color

#2c63f5
```
#2c63f5 rgb(44,99,245)
```
#f52c63
```
#f52c63 rgb(245,44,99)
```
#63f52c
```
#63f52c rgb(99,245,44)
```

Triadic Color

#be2cf5
```
#be2cf5 rgb(190,44,245)
```
#f52c63
```
#f52c63 rgb(245,44,99)
```
#63f52c
```
#63f52c rgb(99,245,44)
```
#2cf5be
```
#2cf5be rgb(44,245,190)
```

Tetradic Color

#cb0a3e
```
#cb0a3e rgb(203,10,62)
```
#e30b46
```
#e30b46 rgb(227,11,70)
```
#f41451
```
#f41451 rgb(244,20,81)
```
#f52c63
```
#f52c63 rgb(245,44,99)
```
#f64475
```
#f64475 rgb(246,68,117)
```
#f75d87
```
#f75d87 rgb(247,93,135)
```
#f87599
```
#f87599 rgb(248,117,153)
```

Monochromatic Color

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

#f52c95
```
#f52c95 rgb(245,44,149)
```
#f52c85
```
#f52c85 rgb(245,44,133)
```
#f52c74
```
#f52c74 rgb(245,44,116)
```
#f52c63
```
#f52c63 rgb(245,44,99)
```
#f52c52
```
#f52c52 rgb(245,44,82)
```
#f52c42
```
#f52c42 rgb(245,44,66)
```
#f52c31
```
#f52c31 rgb(245,44,49)
```

Similar Colors

Text with hexadecimal color #f52c63

This text has a font color of #f52c63.

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

#f52c63 background color

This paragraph has a background color of #f52c63.

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

#f52c63 border color

This element has a border color of #f52c63.

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

CSS codes

.text {color:#f52c63;}

.background {background-color:#f52c63;}

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

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)
```
#330210
```
#330210 rgb(51,2,16)
```
#460316
```
#460316 rgb(70,3,22)
```
#59041b
```
#59041b rgb(89,4,27)
```
#6b0521
```
#6b0521 rgb(107,5,33)
```
#7e0627
```
#7e0627 rgb(126,6,39)
```
#91072d
```
#91072d rgb(145,7,45)
```
#a40832
```
#a40832 rgb(164,8,50)
```
#b60938
```
#b60938 rgb(182,9,56)
```
#c90a3e
```
#c90a3e rgb(201,10,62)
```
#dc0a44
```
#dc0a44 rgb(220,10,68)
```
#ee0b49
```
#ee0b49 rgb(238,11,73)
```

Shade Color Variation

#f41955
```
#f41955 rgb(244,25,85)
```
#f52c63
```
#f52c63 rgb(245,44,99)
```
#f63f71
```
#f63f71 rgb(246,63,113)
```
#f7517f
```
#f7517f rgb(247,81,127)
```
#f8648d
```
#f8648d rgb(248,100,141)
```
#f9779a
```
#f9779a rgb(249,119,154)
```
#f98aa8
```
#f98aa8 rgb(249,138,168)
```
#fa9cb6
```
#fa9cb6 rgb(250,156,182)
```
#fbafc4
```
#fbafc4 rgb(251,175,196)
```
#fcc2d2
```
#fcc2d2 rgb(252,194,210)
```
#fdd5e0
```
#fdd5e0 rgb(253,213,224)
```
#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 #fe245f is the most saturated one.

#988a8d
```
#988a8d rgb(152,138,141)
```
#a08189
```
#a08189 rgb(160,129,137)
```
#a97986
```
#a97986 rgb(169,121,134)
```
#b17082
```
#b17082 rgb(177,112,130)
```
#ba687e
```
#ba687e rgb(186,104,126)
```
#c25f7a
```
#c25f7a rgb(194,95,122)
```
#cb5776
```
#cb5776 rgb(203,87,118)
```
#d34e72
```
#d34e72 rgb(211,78,114)
```
#dc466f
```
#dc466f rgb(220,70,111)
```
#e43d6b
```
#e43d6b rgb(228,61,107)
```
#ed3467
```
#ed3467 rgb(237,52,103)
```
#f52c63
```
#f52c63 rgb(245,44,99)
```
#fe245f
```
#fe245f rgb(254,36,95)
```

Tone Color Variation

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

Dichromacy

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

Trichromacy

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

#f52c63 hex color

#f52c63 Color Information

#f52c63 Color Conversion

Color Schemes with #f52c63

Alternatives to #f52c63

#f52c63 Preview

Shades and Tints of #f52c63

Tones of #f52c63

Color Blindness Simulator