#f5227b hex color

In a RGB color space, hex #f5227b is composed of 96.1% red, 13.3% green and 48.2% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 86.1% magenta, 49.8% yellow and 3.9% black. It has a hue angle of 334.7 degrees, a saturation of 91.3% and a lightness of 54.7%. #f5227b color hex could be obtained by blending #ff44f6 with #eb0000. Closest websafe color is: #ff3366.

♥
- f
- t
- g
- R 96
- G 13
- B 48
RGB color chart
- C 0
- M 86
- Y 50
- K 4
CMYK color chart

● #f5227b color description : Vivid pink.

The hexadecimal color #f5227b has RGB values of R:245, G:34, B:123 and CMYK values of C:0, M:0.86, Y:0.5, K:0.04. Its decimal value is 16065147.

Hex triplet	f5227b	`#f5227b`
RGB Decimal	245, 34, 123	`rgb(245,34,123)`
RGB Percent	96.1, 13.3, 48.2	`rgb(96.1%,13.3%,48.2%)`
CMYK	0, 86, 50, 4
HSL	334.7°, 91.3, 54.7	`hsl(334.7,91.3%,54.7%)`
HSV (or HSB)	334.7°, 86.1, 96.1
Web Safe	ff3366	`#ff3366`

CIE-LAB	54.018, 78.446, 5.569
XYZ	41.805, 21.991, 20.781
xyY	0.494, 0.26, 21.991
CIE-LCH	54.018, 78.644, 4.061
CIE-LUV	54.018, 131.627, -8.648
Hunter-Lab	46.895, 77.059, 6.552
Binary	11110101, 00100010, 01111011

#f5227b
```
#f5227b rgb(245,34,123)
```
#22f59c
```
#22f59c rgb(34,245,156)
```

Complementary Color

#f522e5
```
#f522e5 rgb(245,34,229)
```
#f5227b
```
#f5227b rgb(245,34,123)
```
#f53322
```
#f53322 rgb(245,51,34)
```

Analogous Color

#22e5f5
```
#22e5f5 rgb(34,229,245)
```
#f5227b
```
#f5227b rgb(245,34,123)
```
#22f533
```
#22f533 rgb(34,245,51)
```

Split Complementary Color

#227bf5
```
#227bf5 rgb(34,123,245)
```
#f5227b
```
#f5227b rgb(245,34,123)
```
#7bf522
```
#7bf522 rgb(123,245,34)
```

Triadic Color

#9c22f5
```
#9c22f5 rgb(156,34,245)
```
#f5227b
```
#f5227b rgb(245,34,123)
```
#7bf522
```
#7bf522 rgb(123,245,34)
```
#22f59c
```
#22f59c rgb(34,245,156)
```

Tetradic Color

#c20957
```
#c20957 rgb(194,9,87)
```
#da0a62
```
#da0a62 rgb(218,10,98)
```
#f30b6d
```
#f30b6d rgb(243,11,109)
```
#f5227b
```
#f5227b rgb(245,34,123)
```
#f63a8a
```
#f63a8a rgb(246,58,138)
```
#f75398
```
#f75398 rgb(247,83,152)
```
#f86ba7
```
#f86ba7 rgb(248,107,167)
```

Monochromatic Color

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

#f522b0
```
#f522b0 rgb(245,34,176)
```
#f5229e
```
#f5229e rgb(245,34,158)
```
#f5228d
```
#f5228d rgb(245,34,141)
```
#f5227b
```
#f5227b rgb(245,34,123)
```
#f52269
```
#f52269 rgb(245,34,105)
```
#f52258
```
#f52258 rgb(245,34,88)
```
#f52246
```
#f52246 rgb(245,34,70)
```

Similar Colors

Text with hexadecimal color #f5227b

This text has a font color of #f5227b.

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

#f5227b background color

This paragraph has a background color of #f5227b.

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

#f5227b border color

This element has a border color of #f5227b.

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

CSS codes

.text {color:#f5227b;}

.background {background-color:#f5227b;}

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

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

#040002
```
#040002 rgb(4,0,2)
```
#17010a
```
#17010a rgb(23,1,10)
```
#2a0213
```
#2a0213 rgb(42,2,19)
```
#3c031b
```
#3c031b rgb(60,3,27)
```
#4f0424
```
#4f0424 rgb(79,4,36)
```
#62042c
```
#62042c rgb(98,4,44)
```
#750534
```
#750534 rgb(117,5,52)
```
#88063d
```
#88063d rgb(136,6,61)
```
#9a0745
```
#9a0745 rgb(154,7,69)
```
#ad084e
```
#ad084e rgb(173,8,78)
```
#c00956
```
#c00956 rgb(192,9,86)
```
#d30a5e
```
#d30a5e rgb(211,10,94)
```
#e50a67
```
#e50a67 rgb(229,10,103)
```

Shade Color Variation

#f40f70
```
#f40f70 rgb(244,15,112)
```
#f5227b
```
#f5227b rgb(245,34,123)
```
#f63586
```
#f63586 rgb(246,53,134)
```
#f74891
```
#f74891 rgb(247,72,145)
```
#f85a9d
```
#f85a9d rgb(248,90,157)
```
#f86da8
```
#f86da8 rgb(248,109,168)
```
#f980b3
```
#f980b3 rgb(249,128,179)
```
#fa93be
```
#fa93be rgb(250,147,190)
```
#fba5c9
```
#fba5c9 rgb(251,165,201)
```
#fcb8d5
```
#fcb8d5 rgb(252,184,213)
```
#fdcbe0
```
#fdcbe0 rgb(253,203,224)
```
#fddeeb
```
#fddeeb rgb(253,222,235)
```
#fef0f6
```
#fef0f6 rgb(254,240,246)
```

Tint Color Variation

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

#93848a
```
#93848a rgb(147,132,138)
```
#9c7b89
```
#9c7b89 rgb(156,123,137)
```
#a57288
```
#a57288 rgb(165,114,136)
```
#ae6986
```
#ae6986 rgb(174,105,134)
```
#b76085
```
#b76085 rgb(183,96,133)
```
#c05783
```
#c05783 rgb(192,87,131)
```
#c94e82
```
#c94e82 rgb(201,78,130)
```
#d14681
```
#d14681 rgb(209,70,129)
```
#da3d7f
```
#da3d7f rgb(218,61,127)
```
#e3347e
```
#e3347e rgb(227,52,126)
```
#ec2b7c
```
#ec2b7c rgb(236,43,124)
```
#f5227b
```
#f5227b rgb(245,34,123)
```
#fe197a
```
#fe197a rgb(254,25,122)
```

Tone Color Variation

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

#6b6b6b Achromatopsia 0.005% of the population
#875c6e Atypical Achromatopsia 0.001% of the population

Dichromacy

#7e86a9 Protanopia 1% of men
#9b8274 Deuteranopia 1% of men
#f24244 Tritanopia 0.001% of the population

Trichromacy

#a96198 Protanomaly 1% of men, 0.01% of women
#bb5f76 Deuteranomaly 6% of men, 0.4% of women
#f33658 Tritanomaly 0.01% of the population

#f5227b hex color

#f5227b Color Information

#f5227b Color Conversion

Color Schemes with #f5227b

Alternatives to #f5227b

#f5227b Preview

Shades and Tints of #f5227b

Tones of #f5227b

Color Blindness Simulator