#f5225b hex color

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

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

● #f5225b color description : Vivid pink.

The hexadecimal color #f5225b has RGB values of R:245, G:34, B:91 and CMYK values of C:0, M:0.86, Y:0.63, K:0.04. Its decimal value is 16065115.

Hex triplet	f5225b	`#f5225b`
RGB Decimal	245, 34, 91	`rgb(245,34,91)`
RGB Percent	96.1, 13.3, 35.7	`rgb(96.1%,13.3%,35.7%)`
CMYK	0, 86, 63, 4
HSL	343.8°, 91.3, 54.7	`hsl(343.8,91.3%,54.7%)`
HSV (or HSB)	343.8°, 86.1, 96.1
Web Safe	ff3366	`#ff3366`

CIE-LAB	53.294, 76.381, 23.853
XYZ	40.118, 21.317, 11.899
xyY	0.547, 0.291, 21.317
CIE-LCH	53.294, 80.019, 17.343
CIE-LUV	53.294, 143.997, 11.546
Hunter-Lab	46.17, 74.305, 17.039
Binary	11110101, 00100010, 01011011

#f5225b
```
#f5225b rgb(245,34,91)
```
#22f5bc
```
#22f5bc rgb(34,245,188)
```

Complementary Color

#f522c5
```
#f522c5 rgb(245,34,197)
```
#f5225b
```
#f5225b rgb(245,34,91)
```
#f55322
```
#f55322 rgb(245,83,34)
```

Analogous Color

#22c5f5
```
#22c5f5 rgb(34,197,245)
```
#f5225b
```
#f5225b rgb(245,34,91)
```
#22f553
```
#22f553 rgb(34,245,83)
```

Split Complementary Color

#225bf5
```
#225bf5 rgb(34,91,245)
```
#f5225b
```
#f5225b rgb(245,34,91)
```
#5bf522
```
#5bf522 rgb(91,245,34)
```

Triadic Color

#bc22f5
```
#bc22f5 rgb(188,34,245)
```
#f5225b
```
#f5225b rgb(245,34,91)
```
#5bf522
```
#5bf522 rgb(91,245,34)
```
#22f5bc
```
#22f5bc rgb(34,245,188)
```

Tetradic Color

#c2093b
```
#c2093b rgb(194,9,59)
```
#da0a42
```
#da0a42 rgb(218,10,66)
```
#f30b4a
```
#f30b4a rgb(243,11,74)
```
#f5225b
```
#f5225b rgb(245,34,91)
```
#f63a6d
```
#f63a6d rgb(246,58,109)
```
#f7537f
```
#f7537f rgb(247,83,127)
```
#f86b91
```
#f86b91 rgb(248,107,145)
```

Monochromatic Color

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

#f52290
```
#f52290 rgb(245,34,144)
```
#f5227e
```
#f5227e rgb(245,34,126)
```
#f5226d
```
#f5226d rgb(245,34,109)
```
#f5225b
```
#f5225b rgb(245,34,91)
```
#f52249
```
#f52249 rgb(245,34,73)
```
#f52238
```
#f52238 rgb(245,34,56)
```
#f52226
```
#f52226 rgb(245,34,38)
```

Similar Colors

Text with hexadecimal color #f5225b

This text has a font color of #f5225b.

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

#f5225b background color

This paragraph has a background color of #f5225b.

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

#f5225b border color

This element has a border color of #f5225b.

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

CSS codes

.text {color:#f5225b;}

.background {background-color:#f5225b;}

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

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)
```
#3c0312
```
#3c0312 rgb(60,3,18)
```
#4f0418
```
#4f0418 rgb(79,4,24)
```
#62041e
```
#62041e rgb(98,4,30)
```
#750523
```
#750523 rgb(117,5,35)
```
#880629
```
#880629 rgb(136,6,41)
```
#9a072f
```
#9a072f rgb(154,7,47)
```
#ad0834
```
#ad0834 rgb(173,8,52)
```
#c0093a
```
#c0093a rgb(192,9,58)
```
#d30a40
```
#d30a40 rgb(211,10,64)
```
#e50a46
```
#e50a46 rgb(229,10,70)
```

Shade Color Variation

#f40f4d
```
#f40f4d rgb(244,15,77)
```
#f5225b
```
#f5225b rgb(245,34,91)
```
#f63569
```
#f63569 rgb(246,53,105)
```
#f74877
```
#f74877 rgb(247,72,119)
```
#f85a85
```
#f85a85 rgb(248,90,133)
```
#f86d93
```
#f86d93 rgb(248,109,147)
```
#f980a1
```
#f980a1 rgb(249,128,161)
```
#fa93af
```
#fa93af rgb(250,147,175)
```
#fba5bc
```
#fba5bc rgb(251,165,188)
```
#fcb8ca
```
#fcb8ca rgb(252,184,202)
```
#fdcbd8
```
#fdcbd8 rgb(253,203,216)
```
#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 #fe1957 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)
```
#c94e6f
```
#c94e6f rgb(201,78,111)
```
#d1466b
```
#d1466b rgb(209,70,107)
```
#da3d67
```
#da3d67 rgb(218,61,103)
```
#e33463
```
#e33463 rgb(227,52,99)
```
#ec2b5f
```
#ec2b5f rgb(236,43,95)
```
#f5225b
```
#f5225b rgb(245,34,91)
```
#fe1957
```
#fe1957 rgb(254,25,87)
```

Tone Color Variation

Below, you can see how #f5225b 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
#845a65 Atypical Achromatopsia 0.001% of the population

Dichromacy

#888583 Protanopia 1% of men
#a08056 Deuteranopia 1% of men
#f43939 Tritanopia 0.001% of the population

Trichromacy

#b06174 Protanomaly 1% of men, 0.01% of women
#bf5e58 Deuteranomaly 6% of men, 0.4% of women
#f43045 Tritanomaly 0.01% of the population

#f5225b hex color

#f5225b Color Information

#f5225b Color Conversion

Color Schemes with #f5225b

Alternatives to #f5225b

#f5225b Preview

Shades and Tints of #f5225b

Tones of #f5225b

Color Blindness Simulator