#f52198 hex color

In a RGB color space, hex #f52198 is composed of 96.1% red, 12.9% green and 59.6% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 86.5% magenta, 38% yellow and 3.9% black. It has a hue angle of 326.3 degrees, a saturation of 91.4% and a lightness of 54.5%. #f52198 color hex could be obtained by blending #ff42ff with #eb0031. Closest websafe color is: #ff3399.

♥
- f
- t
- g
- R 96
- G 13
- B 60
RGB color chart
- C 0
- M 87
- Y 38
- K 4
CMYK color chart

● #f52198 color description : Vivid pink.

The hexadecimal color #f52198 has RGB values of R:245, G:33, B:152 and CMYK values of C:0, M:0.87, Y:0.38, K:0.04. Its decimal value is 16064920.

Hex triplet	f52198	`#f52198`
RGB Decimal	245, 33, 152	`rgb(245,33,152)`
RGB Percent	96.1, 12.9, 59.6	`rgb(96.1%,12.9%,59.6%)`
CMYK	0, 87, 38, 4
HSL	326.3°, 91.4, 54.5	`hsl(326.3,91.4%,54.5%)`
HSV (or HSB)	326.3°, 86.5, 96.1
Web Safe	ff3399	`#ff3399`

CIE-LAB	54.836, 81.074, -10.548
XYZ	43.869, 22.772, 31.789
xyY	0.446, 0.231, 22.772
CIE-LCH	54.836, 81.758, 352.588
CIE-LUV	54.836, 119.131, -30.003
Hunter-Lab	47.72, 80.585, -6.093
Binary	11110101, 00100001, 10011000

#f52198
```
#f52198 rgb(245,33,152)
```
#21f57e
```
#21f57e rgb(33,245,126)
```

Complementary Color

#e821f5
```
#e821f5 rgb(232,33,245)
```
#f52198
```
#f52198 rgb(245,33,152)
```
#f5212e
```
#f5212e rgb(245,33,46)
```

Analogous Color

#21f5e8
```
#21f5e8 rgb(33,245,232)
```
#f52198
```
#f52198 rgb(245,33,152)
```
#2ef521
```
#2ef521 rgb(46,245,33)
```

Split Complementary Color

#2198f5
```
#2198f5 rgb(33,152,245)
```
#f52198
```
#f52198 rgb(245,33,152)
```
#98f521
```
#98f521 rgb(152,245,33)
```

Triadic Color

#7e21f5
```
#7e21f5 rgb(126,33,245)
```
#f52198
```
#f52198 rgb(245,33,152)
```
#98f521
```
#98f521 rgb(152,245,33)
```
#21f57e
```
#21f57e rgb(33,245,126)
```

Tetradic Color

#c10970
```
#c10970 rgb(193,9,112)
```
#d90a7e
```
#d90a7e rgb(217,10,126)
```
#f20b8c
```
#f20b8c rgb(242,11,140)
```
#f52198
```
#f52198 rgb(245,33,152)
```
#f639a3
```
#f639a3 rgb(246,57,163)
```
#f752af
```
#f752af rgb(247,82,175)
```
#f86aba
```
#f86aba rgb(248,106,186)
```

Monochromatic Color

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

#f521cd
```
#f521cd rgb(245,33,205)
```
#f521bb
```
#f521bb rgb(245,33,187)
```
#f521aa
```
#f521aa rgb(245,33,170)
```
#f52198
```
#f52198 rgb(245,33,152)
```
#f52186
```
#f52186 rgb(245,33,134)
```
#f52175
```
#f52175 rgb(245,33,117)
```
#f52163
```
#f52163 rgb(245,33,99)
```

Similar Colors

Text with hexadecimal color #f52198

This text has a font color of #f52198.

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

#f52198 background color

This paragraph has a background color of #f52198.

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

#f52198 border color

This element has a border color of #f52198.

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

CSS codes

.text {color:#f52198;}

.background {background-color:#f52198;}

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

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, #030002 is the darkest color, while #feeff8 is the lightest one.

#030002
```
#030002 rgb(3,0,2)
```
#16010d
```
#16010d rgb(22,1,13)
```
#290218
```
#290218 rgb(41,2,24)
```
#3c0323
```
#3c0323 rgb(60,3,35)
```
#4e042e
```
#4e042e rgb(78,4,46)
```
#610438
```
#610438 rgb(97,4,56)
```
#740543
```
#740543 rgb(116,5,67)
```
#87064e
```
#87064e rgb(135,6,78)
```
#990759
```
#990759 rgb(153,7,89)
```
#ac0864
```
#ac0864 rgb(172,8,100)
```
#bf096f
```
#bf096f rgb(191,9,111)
```
#d2097a
```
#d2097a rgb(210,9,122)
```
#e40a85
```
#e40a85 rgb(228,10,133)
```

Shade Color Variation

#f40e8f
```
#f40e8f rgb(244,14,143)
```
#f52198
```
#f52198 rgb(245,33,152)
```
#f634a1
```
#f634a1 rgb(246,52,161)
```
#f747a9
```
#f747a9 rgb(247,71,169)
```
#f859b2
```
#f859b2 rgb(248,89,178)
```
#f86cbb
```
#f86cbb rgb(248,108,187)
```
#f97fc4
```
#f97fc4 rgb(249,127,196)
```
#fa92cc
```
#fa92cc rgb(250,146,204)
```
#fba4d5
```
#fba4d5 rgb(251,164,213)
```
#fcb7de
```
#fcb7de rgb(252,183,222)
```
#fdcae6
```
#fdcae6 rgb(253,202,230)
```
#fdddef
```
#fdddef rgb(253,221,239)
```
#feeff8
```
#feeff8 rgb(254,239,248)
```

Tint Color Variation

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

#93838c
```
#93838c rgb(147,131,140)
```
#9c7a8d
```
#9c7a8d rgb(156,122,141)
```
#a5718e
```
#a5718e rgb(165,113,142)
```
#ae688f
```
#ae688f rgb(174,104,143)
```
#b75f90
```
#b75f90 rgb(183,95,144)
```
#bf5791
```
#bf5791 rgb(191,87,145)
```
#c84e93
```
#c84e93 rgb(200,78,147)
```
#d14594
```
#d14594 rgb(209,69,148)
```
#da3c95
```
#da3c95 rgb(218,60,149)
```
#e33396
```
#e33396 rgb(227,51,150)
```
#ec2a97
```
#ec2a97 rgb(236,42,151)
```
#f52198
```
#f52198 rgb(245,33,152)
```
#fe1899
```
#fe1899 rgb(254,24,153)
```

Tone Color Variation

Below, you can see how #f52198 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
#895f76 Atypical Achromatopsia 0.001% of the population

Dichromacy

#6e87cc Protanopia 1% of men
#94858e Deuteranopia 1% of men
#f04b4e Tritanopia 0.001% of the population

Trichromacy

#9f62b9 Protanomaly 1% of men, 0.01% of women
#b76191 Deuteranomaly 6% of men, 0.4% of women
#f23c69 Tritanomaly 0.01% of the population

#f52198 hex color

#f52198 Color Information

#f52198 Color Conversion

Color Schemes with #f52198

Alternatives to #f52198

#f52198 Preview

Shades and Tints of #f52198

Tones of #f52198

Color Blindness Simulator