#f52c6d hex color

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

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

● #f52c6d color description : Bright pink.

The hexadecimal color #f52c6d has RGB values of R:245, G:44, B:109 and CMYK values of C:0, M:0.82, Y:0.56, K:0.04. Its decimal value is 16067693.

Hex triplet	f52c6d	`#f52c6d`
RGB Decimal	245, 44, 109	`rgb(245,44,109)`
RGB Percent	96.1, 17.3, 42.7	`rgb(96.1%,17.3%,42.7%)`
CMYK	0, 82, 56, 4
HSL	340.6°, 91, 56.7	`hsl(340.6,91%,56.7%)`
HSV (or HSB)	340.6°, 82, 96.1
Web Safe	ff3366	`#ff3366`

CIE-LAB	54.368, 75.458, 14.48
XYZ	41.319, 22.323, 16.6
xyY	0.515, 0.278, 22.323
CIE-LCH	54.368, 76.835, 10.863
CIE-LUV	54.368, 134.406, 2.343
Hunter-Lab	47.247, 73.421, 12.241
Binary	11110101, 00101100, 01101101

#f52c6d
```
#f52c6d rgb(245,44,109)
```
#2cf5b4
```
#2cf5b4 rgb(44,245,180)
```

Complementary Color

#f52cd2
```
#f52cd2 rgb(245,44,210)
```
#f52c6d
```
#f52c6d rgb(245,44,109)
```
#f5502c
```
#f5502c rgb(245,80,44)
```

Analogous Color

#2cd2f5
```
#2cd2f5 rgb(44,210,245)
```
#f52c6d
```
#f52c6d rgb(245,44,109)
```
#2cf550
```
#2cf550 rgb(44,245,80)
```

Split Complementary Color

#2c6df5
```
#2c6df5 rgb(44,109,245)
```
#f52c6d
```
#f52c6d rgb(245,44,109)
```
#6df52c
```
#6df52c rgb(109,245,44)
```

Triadic Color

#b42cf5
```
#b42cf5 rgb(180,44,245)
```
#f52c6d
```
#f52c6d rgb(245,44,109)
```
#6df52c
```
#6df52c rgb(109,245,44)
```
#2cf5b4
```
#2cf5b4 rgb(44,245,180)
```

Tetradic Color

#cb0a48
```
#cb0a48 rgb(203,10,72)
```
#e30b51
```
#e30b51 rgb(227,11,81)
```
#f4145c
```
#f4145c rgb(244,20,92)
```
#f52c6d
```
#f52c6d rgb(245,44,109)
```
#f6447e
```
#f6447e rgb(246,68,126)
```
#f75d8f
```
#f75d8f rgb(247,93,143)
```
#f875a0
```
#f875a0 rgb(248,117,160)
```

Monochromatic Color

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

#f52c9f
```
#f52c9f rgb(245,44,159)
```
#f52c8f
```
#f52c8f rgb(245,44,143)
```
#f52c7e
```
#f52c7e rgb(245,44,126)
```
#f52c6d
```
#f52c6d rgb(245,44,109)
```
#f52c5c
```
#f52c5c rgb(245,44,92)
```
#f52c4b
```
#f52c4b rgb(245,44,75)
```
#f52c3b
```
#f52c3b rgb(245,44,59)
```

Similar Colors

Text with hexadecimal color #f52c6d

This text has a font color of #f52c6d.

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

#f52c6d background color

This paragraph has a background color of #f52c6d.

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

#f52c6d border color

This element has a border color of #f52c6d.

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

CSS codes

.text {color:#f52c6d;}

.background {background-color:#f52c6d;}

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

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

#0e0105
```
#0e0105 rgb(14,1,5)
```
#20020c
```
#20020c rgb(32,2,12)
```
#330212
```
#330212 rgb(51,2,18)
```
#460319
```
#460319 rgb(70,3,25)
```
#590420
```
#590420 rgb(89,4,32)
```
#6b0526
```
#6b0526 rgb(107,5,38)
```
#7e062d
```
#7e062d rgb(126,6,45)
```
#910733
```
#910733 rgb(145,7,51)
```
#a4083a
```
#a4083a rgb(164,8,58)
```
#b60941
```
#b60941 rgb(182,9,65)
```
#c90a47
```
#c90a47 rgb(201,10,71)
```
#dc0a4e
```
#dc0a4e rgb(220,10,78)
```
#ee0b55
```
#ee0b55 rgb(238,11,85)
```

Shade Color Variation

#f41960
```
#f41960 rgb(244,25,96)
```
#f52c6d
```
#f52c6d rgb(245,44,109)
```
#f63f7a
```
#f63f7a rgb(246,63,122)
```
#f75187
```
#f75187 rgb(247,81,135)
```
#f86494
```
#f86494 rgb(248,100,148)
```
#f977a1
```
#f977a1 rgb(249,119,161)
```
#f98aae
```
#f98aae rgb(249,138,174)
```
#fa9cbb
```
#fa9cbb rgb(250,156,187)
```
#fbafc8
```
#fbafc8 rgb(251,175,200)
```
#fcc2d5
```
#fcc2d5 rgb(252,194,213)
```
#fdd5e2
```
#fdd5e2 rgb(253,213,226)
```
#fee7ef
```
#fee7ef rgb(254,231,239)
```
#fffafc
```
#fffafc rgb(255,250,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 #fe246a is the most saturated one.

#988a8e
```
#988a8e rgb(152,138,142)
```
#a0818b
```
#a0818b rgb(160,129,139)
```
#a97988
```
#a97988 rgb(169,121,136)
```
#b17085
```
#b17085 rgb(177,112,133)
```
#ba6882
```
#ba6882 rgb(186,104,130)
```
#c25f7f
```
#c25f7f rgb(194,95,127)
```
#cb577c
```
#cb577c rgb(203,87,124)
```
#d34e79
```
#d34e79 rgb(211,78,121)
```
#dc4676
```
#dc4676 rgb(220,70,118)
```
#e43d73
```
#e43d73 rgb(228,61,115)
```
#ed3470
```
#ed3470 rgb(237,52,112)
```
#f52c6d
```
#f52c6d rgb(245,44,109)
```
#fe246a
```
#fe246a rgb(254,36,106)
```

Tone Color Variation

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

#707070 Achromatopsia 0.005% of the population
#8b626f Atypical Achromatopsia 0.001% of the population

Dichromacy

#868796 Protanopia 1% of men
#a08367 Deuteranopia 1% of men
#f34345 Tritanopia 0.001% of the population

Trichromacy

#ae6687 Protanomaly 1% of men, 0.01% of women
#be6369 Deuteranomaly 6% of men, 0.4% of women
#f33b54 Tritanomaly 0.01% of the population

#f52c6d hex color

#f52c6d Color Information

#f52c6d Color Conversion

Color Schemes with #f52c6d

Alternatives to #f52c6d

#f52c6d Preview

Shades and Tints of #f52c6d

Tones of #f52c6d

Color Blindness Simulator