#f52977 hex color

In a RGB color space, hex #f52977 is composed of 96.1% red, 16.1% green and 46.7% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 83.3% magenta, 51.4% yellow and 3.9% black. It has a hue angle of 337.1 degrees, a saturation of 91.1% and a lightness of 56.1%. #f52977 color hex could be obtained by blending #ff52ee with #eb0000. Closest websafe color is: #ff3366.

♥
- f
- t
- g
- R 96
- G 16
- B 47
RGB color chart
- C 0
- M 83
- Y 51
- K 4
CMYK color chart

● #f52977 color description : Bright pink.

The hexadecimal color #f52977 has RGB values of R:245, G:41, B:119 and CMYK values of C:0, M:0.83, Y:0.51, K:0.04. Its decimal value is 16066935.

Hex triplet	f52977	`#f52977`
RGB Decimal	245, 41, 119	`rgb(245,41,119)`
RGB Percent	96.1, 16.1, 46.7	`rgb(96.1%,16.1%,46.7%)`
CMYK	0, 83, 51, 4
HSL	337.1°, 91.1, 56.1	`hsl(337.1,91.1%,56.1%)`
HSV (or HSB)	337.1°, 83.3, 96.1
Web Safe	ff3366	`#ff3366`

CIE-LAB	54.381, 76.808, 8.491
XYZ	41.78, 22.335, 19.563
xyY	0.499, 0.267, 22.335
CIE-LCH	54.381, 77.276, 6.308
CIE-LUV	54.381, 131.43, -4.777
Hunter-Lab	47.26, 75.099, 8.539
Binary	11110101, 00101001, 01110111

#f52977
```
#f52977 rgb(245,41,119)
```
#29f5a7
```
#29f5a7 rgb(41,245,167)
```

Complementary Color

#f529dd
```
#f529dd rgb(245,41,221)
```
#f52977
```
#f52977 rgb(245,41,119)
```
#f54129
```
#f54129 rgb(245,65,41)
```

Analogous Color

#29ddf5
```
#29ddf5 rgb(41,221,245)
```
#f52977
```
#f52977 rgb(245,41,119)
```
#29f541
```
#29f541 rgb(41,245,65)
```

Split Complementary Color

#2977f5
```
#2977f5 rgb(41,119,245)
```
#f52977
```
#f52977 rgb(245,41,119)
```
#77f529
```
#77f529 rgb(119,245,41)
```

Triadic Color

#a729f5
```
#a729f5 rgb(167,41,245)
```
#f52977
```
#f52977 rgb(245,41,119)
```
#77f529
```
#77f529 rgb(119,245,41)
```
#29f5a7
```
#29f5a7 rgb(41,245,167)
```

Tetradic Color

#c80952
```
#c80952 rgb(200,9,82)
```
#e10a5c
```
#e10a5c rgb(225,10,92)
```
#f41168
```
#f41168 rgb(244,17,104)
```
#f52977
```
#f52977 rgb(245,41,119)
```
#f64186
```
#f64186 rgb(246,65,134)
```
#f75a96
```
#f75a96 rgb(247,90,150)
```
#f872a5
```
#f872a5 rgb(248,114,165)
```

Monochromatic Color

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

#f529aa
```
#f529aa rgb(245,41,170)
```
#f52999
```
#f52999 rgb(245,41,153)
```
#f52988
```
#f52988 rgb(245,41,136)
```
#f52977
```
#f52977 rgb(245,41,119)
```
#f52966
```
#f52966 rgb(245,41,102)
```
#f52955
```
#f52955 rgb(245,41,85)
```
#f52944
```
#f52944 rgb(245,41,68)
```

Similar Colors

Text with hexadecimal color #f52977

This text has a font color of #f52977.

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

#f52977 background color

This paragraph has a background color of #f52977.

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

#f52977 border color

This element has a border color of #f52977.

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

CSS codes

.text {color:#f52977;}

.background {background-color:#f52977;}

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

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

#0b0104
```
#0b0104 rgb(11,1,4)
```
#1e010c
```
#1e010c rgb(30,1,12)
```
#300214
```
#300214 rgb(48,2,20)
```
#43031c
```
#43031c rgb(67,3,28)
```
#560423
```
#560423 rgb(86,4,35)
```
#69052b
```
#69052b rgb(105,5,43)
```
#7b0633
```
#7b0633 rgb(123,6,51)
```
#8e073a
```
#8e073a rgb(142,7,58)
```
#a10842
```
#a10842 rgb(161,8,66)
```
#b4084a
```
#b4084a rgb(180,8,74)
```
#c60952
```
#c60952 rgb(198,9,82)
```
#d90a59
```
#d90a59 rgb(217,10,89)
```
#ec0b61
```
#ec0b61 rgb(236,11,97)
```

Shade Color Variation

#f4166b
```
#f4166b rgb(244,22,107)
```
#f52977
```
#f52977 rgb(245,41,119)
```
#f63c83
```
#f63c83 rgb(246,60,131)
```
#f74e8f
```
#f74e8f rgb(247,78,143)
```
#f8619b
```
#f8619b rgb(248,97,155)
```
#f974a7
```
#f974a7 rgb(249,116,167)
```
#f987b3
```
#f987b3 rgb(249,135,179)
```
#fa99be
```
#fa99be rgb(250,153,190)
```
#fbacca
```
#fbacca rgb(251,172,202)
```
#fcbfd6
```
#fcbfd6 rgb(252,191,214)
```
#fdd2e2
```
#fdd2e2 rgb(253,210,226)
```
#fee4ee
```
#fee4ee rgb(254,228,238)
```
#fff7fa
```
#fff7fa rgb(255,247,250)
```

Tint Color Variation

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

#96888d
```
#96888d rgb(150,136,141)
```
#9f7f8b
```
#9f7f8b rgb(159,127,139)
```
#a77789
```
#a77789 rgb(167,119,137)
```
#b06e87
```
#b06e87 rgb(176,110,135)
```
#b96585
```
#b96585 rgb(185,101,133)
```
#c15d83
```
#c15d83 rgb(193,93,131)
```
#ca5481
```
#ca5481 rgb(202,84,129)
```
#d34b7f
```
#d34b7f rgb(211,75,127)
```
#db437d
```
#db437d rgb(219,67,125)
```
#e43a7b
```
#e43a7b rgb(228,58,123)
```
#ec3279
```
#ec3279 rgb(236,50,121)
```
#f52977
```
#f52977 rgb(245,41,119)
```
#fe2075
```
#fe2075 rgb(254,32,117)
```

Tone Color Variation

Below, you can see how #f52977 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
#8a6171 Atypical Achromatopsia 0.001% of the population

Dichromacy

#8187a3 Protanopia 1% of men
#9d8370 Deuteranopia 1% of men
#f24447 Tritanopia 0.001% of the population

Trichromacy

#ab6593 Protanomaly 1% of men, 0.01% of women
#bd6273 Deuteranomaly 6% of men, 0.4% of women
#f33a58 Tritanomaly 0.01% of the population

#f52977 hex color

#f52977 Color Information

#f52977 Color Conversion

Color Schemes with #f52977

Alternatives to #f52977

#f52977 Preview

Shades and Tints of #f52977

Tones of #f52977

Color Blindness Simulator