#f5225c hex color

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

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

● #f5225c color description : Vivid pink.

The hexadecimal color #f5225c has RGB values of R:245, G:34, B:92 and CMYK values of C:0, M:0.86, Y:0.62, K:0.04. Its decimal value is 16065116.

Hex triplet	f5225c	`#f5225c`
RGB Decimal	245, 34, 92	`rgb(245,34,92)`
RGB Percent	96.1, 13.3, 36.1	`rgb(96.1%,13.3%,36.1%)`
CMYK	0, 86, 62, 4
HSL	343.5°, 91.3, 54.7	`hsl(343.5,91.3%,54.7%)`
HSV (or HSB)	343.5°, 86.1, 96.1
Web Safe	ff3366	`#ff3366`

CIE-LAB	53.313, 76.435, 23.277
XYZ	40.162, 21.334, 12.128
xyY	0.546, 0.29, 21.334
CIE-LCH	53.313, 79.9, 16.937
CIE-LUV	53.313, 143.649, 10.984
Hunter-Lab	46.189, 74.377, 16.764
Binary	11110101, 00100010, 01011100

#f5225c
```
#f5225c rgb(245,34,92)
```
#22f5bb
```
#22f5bb rgb(34,245,187)
```

Complementary Color

#f522c6
```
#f522c6 rgb(245,34,198)
```
#f5225c
```
#f5225c rgb(245,34,92)
```
#f55222
```
#f55222 rgb(245,82,34)
```

Analogous Color

#22c6f5
```
#22c6f5 rgb(34,198,245)
```
#f5225c
```
#f5225c rgb(245,34,92)
```
#22f552
```
#22f552 rgb(34,245,82)
```

Split Complementary Color

#225cf5
```
#225cf5 rgb(34,92,245)
```
#f5225c
```
#f5225c rgb(245,34,92)
```
#5cf522
```
#5cf522 rgb(92,245,34)
```

Triadic Color

#bb22f5
```
#bb22f5 rgb(187,34,245)
```
#f5225c
```
#f5225c rgb(245,34,92)
```
#5cf522
```
#5cf522 rgb(92,245,34)
```
#22f5bb
```
#22f5bb rgb(34,245,187)
```

Tetradic Color

#c2093c
```
#c2093c rgb(194,9,60)
```
#da0a43
```
#da0a43 rgb(218,10,67)
```
#f30b4b
```
#f30b4b rgb(243,11,75)
```
#f5225c
```
#f5225c rgb(245,34,92)
```
#f63a6e
```
#f63a6e rgb(246,58,110)
```
#f75380
```
#f75380 rgb(247,83,128)
```
#f86b92
```
#f86b92 rgb(248,107,146)
```

Monochromatic Color

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

#f52291
```
#f52291 rgb(245,34,145)
```
#f5227f
```
#f5227f rgb(245,34,127)
```
#f5226e
```
#f5226e rgb(245,34,110)
```
#f5225c
```
#f5225c rgb(245,34,92)
```
#f5224a
```
#f5224a rgb(245,34,74)
```
#f52239
```
#f52239 rgb(245,34,57)
```
#f52227
```
#f52227 rgb(245,34,39)
```

Similar Colors

Text with hexadecimal color #f5225c

This text has a font color of #f5225c.

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

#f5225c background color

This paragraph has a background color of #f5225c.

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

#f5225c border color

This element has a border color of #f5225c.

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

CSS codes

.text {color:#f5225c;}

.background {background-color:#f5225c;}

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

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

#040001
```
#040001 rgb(4,0,1)
```
#170107
```
#170107 rgb(23,1,7)
```
#2a020d
```
#2a020d rgb(42,2,13)
```
#3c0313
```
#3c0313 rgb(60,3,19)
```
#4f0418
```
#4f0418 rgb(79,4,24)
```
#62041e
```
#62041e rgb(98,4,30)
```
#750524
```
#750524 rgb(117,5,36)
```
#88062a
```
#88062a rgb(136,6,42)
```
#9a072f
```
#9a072f rgb(154,7,47)
```
#ad0835
```
#ad0835 rgb(173,8,53)
```
#c0093b
```
#c0093b rgb(192,9,59)
```
#d30a41
```
#d30a41 rgb(211,10,65)
```
#e50a47
```
#e50a47 rgb(229,10,71)
```

Shade Color Variation

#f40f4e
```
#f40f4e rgb(244,15,78)
```
#f5225c
```
#f5225c rgb(245,34,92)
```
#f6356a
```
#f6356a rgb(246,53,106)
```
#f74878
```
#f74878 rgb(247,72,120)
```
#f85a86
```
#f85a86 rgb(248,90,134)
```
#f86d93
```
#f86d93 rgb(248,109,147)
```
#f980a1
```
#f980a1 rgb(249,128,161)
```
#fa93af
```
#fa93af rgb(250,147,175)
```
#fba5bd
```
#fba5bd rgb(251,165,189)
```
#fcb8cb
```
#fcb8cb rgb(252,184,203)
```
#fdcbd9
```
#fdcbd9 rgb(253,203,217)
```
#fddee6
```
#fddee6 rgb(253,222,230)
```
#fef0f4
```
#fef0f4 rgb(254,240,244)
```

Tint Color Variation

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

#938488
```
#938488 rgb(147,132,136)
```
#9c7b84
```
#9c7b84 rgb(156,123,132)
```
#a57280
```
#a57280 rgb(165,114,128)
```
#ae697c
```
#ae697c rgb(174,105,124)
```
#b76078
```
#b76078 rgb(183,96,120)
```
#c05774
```
#c05774 rgb(192,87,116)
```
#c94e70
```
#c94e70 rgb(201,78,112)
```
#d1466c
```
#d1466c rgb(209,70,108)
```
#da3d68
```
#da3d68 rgb(218,61,104)
```
#e33464
```
#e33464 rgb(227,52,100)
```
#ec2b60
```
#ec2b60 rgb(236,43,96)
```
#f5225c
```
#f5225c rgb(245,34,92)
```
#fe1958
```
#fe1958 rgb(254,25,88)
```

Tone Color Variation

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

#686868 Achromatopsia 0.005% of the population
#845a66 Atypical Achromatopsia 0.001% of the population

Dichromacy

#888584 Protanopia 1% of men
#a08057 Deuteranopia 1% of men
#f33939 Tritanopia 0.001% of the population

Trichromacy

#af6175 Protanomaly 1% of men, 0.01% of women
#bf5e59 Deuteranomaly 6% of men, 0.4% of women
#f43046 Tritanomaly 0.01% of the population

#f5225c hex color

#f5225c Color Information

#f5225c Color Conversion

Color Schemes with #f5225c

Alternatives to #f5225c

#f5225c Preview

Shades and Tints of #f5225c

Tones of #f5225c

Color Blindness Simulator