#f52255 hex color

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

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

● #f52255 color description : Vivid red.

The hexadecimal color #f52255 has RGB values of R:245, G:34, B:85 and CMYK values of C:0, M:0.86, Y:0.65, K:0.04. Its decimal value is 16065109.

Hex triplet	f52255	`#f52255`
RGB Decimal	245, 34, 85	`rgb(245,34,85)`
RGB Percent	96.1, 13.3, 33.3	`rgb(96.1%,13.3%,33.3%)`
CMYK	0, 86, 65, 4
HSL	345.5°, 91.3, 54.7	`hsl(345.5,91.3%,54.7%)`
HSV (or HSB)	345.5°, 86.1, 96.1
Web Safe	ff3366	`#ff3366`

CIE-LAB	53.187, 76.069, 27.311
XYZ	39.87, 21.217, 10.59
xyY	0.556, 0.296, 21.217
CIE-LCH	53.187, 80.824, 19.75
CIE-LUV	53.187, 146.019, 14.811
Hunter-Lab	46.062, 73.894, 18.613
Binary	11110101, 00100010, 01010101

#f52255
```
#f52255 rgb(245,34,85)
```
#22f5c2
```
#22f5c2 rgb(34,245,194)
```

Complementary Color

#f522bf
```
#f522bf rgb(245,34,191)
```
#f52255
```
#f52255 rgb(245,34,85)
```
#f55922
```
#f55922 rgb(245,89,34)
```

Analogous Color

#22bff5
```
#22bff5 rgb(34,191,245)
```
#f52255
```
#f52255 rgb(245,34,85)
```
#22f559
```
#22f559 rgb(34,245,89)
```

Split Complementary Color

#2255f5
```
#2255f5 rgb(34,85,245)
```
#f52255
```
#f52255 rgb(245,34,85)
```
#55f522
```
#55f522 rgb(85,245,34)
```

Triadic Color

#c222f5
```
#c222f5 rgb(194,34,245)
```
#f52255
```
#f52255 rgb(245,34,85)
```
#55f522
```
#55f522 rgb(85,245,34)
```
#22f5c2
```
#22f5c2 rgb(34,245,194)
```

Tetradic Color

#c20935
```
#c20935 rgb(194,9,53)
```
#da0a3c
```
#da0a3c rgb(218,10,60)
```
#f30b43
```
#f30b43 rgb(243,11,67)
```
#f52255
```
#f52255 rgb(245,34,85)
```
#f63a68
```
#f63a68 rgb(246,58,104)
```
#f7537b
```
#f7537b rgb(247,83,123)
```
#f86b8d
```
#f86b8d rgb(248,107,141)
```

Monochromatic Color

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

#f5228a
```
#f5228a rgb(245,34,138)
```
#f52278
```
#f52278 rgb(245,34,120)
```
#f52267
```
#f52267 rgb(245,34,103)
```
#f52255
```
#f52255 rgb(245,34,85)
```
#f52243
```
#f52243 rgb(245,34,67)
```
#f52232
```
#f52232 rgb(245,34,50)
```
#f52422
```
#f52422 rgb(245,36,34)
```

Similar Colors

Text with hexadecimal color #f52255

This text has a font color of #f52255.

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

#f52255 background color

This paragraph has a background color of #f52255.

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

#f52255 border color

This element has a border color of #f52255.

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

CSS codes

.text {color:#f52255;}

.background {background-color:#f52255;}

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

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)
```
#170106
```
#170106 rgb(23,1,6)
```
#2a020c
```
#2a020c rgb(42,2,12)
```
#3c0311
```
#3c0311 rgb(60,3,17)
```
#4f0416
```
#4f0416 rgb(79,4,22)
```
#62041b
```
#62041b rgb(98,4,27)
```
#750520
```
#750520 rgb(117,5,32)
```
#880625
```
#880625 rgb(136,6,37)
```
#9a072b
```
#9a072b rgb(154,7,43)
```
#ad0830
```
#ad0830 rgb(173,8,48)
```
#c00935
```
#c00935 rgb(192,9,53)
```
#d30a3a
```
#d30a3a rgb(211,10,58)
```
#e50a3f
```
#e50a3f rgb(229,10,63)
```

Shade Color Variation

#f40f47
```
#f40f47 rgb(244,15,71)
```
#f52255
```
#f52255 rgb(245,34,85)
```
#f63563
```
#f63563 rgb(246,53,99)
```
#f74872
```
#f74872 rgb(247,72,114)
```
#f85a80
```
#f85a80 rgb(248,90,128)
```
#f86d8f
```
#f86d8f rgb(248,109,143)
```
#f9809d
```
#f9809d rgb(249,128,157)
```
#fa93ac
```
#fa93ac rgb(250,147,172)
```
#fba5ba
```
#fba5ba rgb(251,165,186)
```
#fcb8c8
```
#fcb8c8 rgb(252,184,200)
```
#fdcbd7
```
#fdcbd7 rgb(253,203,215)
```
#fddee5
```
#fddee5 rgb(253,222,229)
```
#fef0f4
```
#fef0f4 rgb(254,240,244)
```

Tint Color Variation

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

#938487
```
#938487 rgb(147,132,135)
```
#9c7b83
```
#9c7b83 rgb(156,123,131)
```
#a5727e
```
#a5727e rgb(165,114,126)
```
#ae697a
```
#ae697a rgb(174,105,122)
```
#b76075
```
#b76075 rgb(183,96,117)
```
#c05771
```
#c05771 rgb(192,87,113)
```
#c94e6c
```
#c94e6c rgb(201,78,108)
```
#d14667
```
#d14667 rgb(209,70,103)
```
#da3d63
```
#da3d63 rgb(218,61,99)
```
#e3345e
```
#e3345e rgb(227,52,94)
```
#ec2b5a
```
#ec2b5a rgb(236,43,90)
```
#f52255
```
#f52255 rgb(245,34,85)
```
#fe1950
```
#fe1950 rgb(254,25,80)
```

Tone Color Variation

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

#676767 Achromatopsia 0.005% of the population
#835963 Atypical Achromatopsia 0.001% of the population

Dichromacy

#8a857b Protanopia 1% of men
#a17f50 Deuteranopia 1% of men
#f43737 Tritanopia 0.001% of the population

Trichromacy

#b1616d Protanomaly 1% of men, 0.01% of women
#bf5d52 Deuteranomaly 6% of men, 0.4% of women
#f42f42 Tritanomaly 0.01% of the population

#f52255 hex color

#f52255 Color Information

#f52255 Color Conversion

Color Schemes with #f52255

Alternatives to #f52255

#f52255 Preview

Shades and Tints of #f52255

Tones of #f52255

Color Blindness Simulator