#f52253 hex color

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

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

● #f52253 color description : Vivid red.

The hexadecimal color #f52253 has RGB values of R:245, G:34, B:83 and CMYK values of C:0, M:0.86, Y:0.66, K:0.04. Its decimal value is 16065107.

Hex triplet	f52253	`#f52253`
RGB Decimal	245, 34, 83	`rgb(245,34,83)`
RGB Percent	96.1, 13.3, 32.5	`rgb(96.1%,13.3%,32.5%)`
CMYK	0, 86, 66, 4
HSL	346.1°, 91.3, 54.7	`hsl(346.1,91.3%,54.7%)`
HSV (or HSB)	346.1°, 86.1, 96.1
Web Safe	ff3366	`#ff3366`

CIE-LAB	53.152, 75.971, 28.463
XYZ	39.791, 21.186, 10.177
xyY	0.559, 0.298, 21.186
CIE-LCH	53.152, 81.128, 20.539
CIE-LUV	53.152, 146.669, 15.857
Hunter-Lab	46.028, 73.764, 19.11
Binary	11110101, 00100010, 01010011

#f52253
```
#f52253 rgb(245,34,83)
```
#22f5c4
```
#22f5c4 rgb(34,245,196)
```

Complementary Color

#f522bd
```
#f522bd rgb(245,34,189)
```
#f52253
```
#f52253 rgb(245,34,83)
```
#f55b22
```
#f55b22 rgb(245,91,34)
```

Analogous Color

#22bdf5
```
#22bdf5 rgb(34,189,245)
```
#f52253
```
#f52253 rgb(245,34,83)
```
#22f55b
```
#22f55b rgb(34,245,91)
```

Split Complementary Color

#2253f5
```
#2253f5 rgb(34,83,245)
```
#f52253
```
#f52253 rgb(245,34,83)
```
#53f522
```
#53f522 rgb(83,245,34)
```

Triadic Color

#c422f5
```
#c422f5 rgb(196,34,245)
```
#f52253
```
#f52253 rgb(245,34,83)
```
#53f522
```
#53f522 rgb(83,245,34)
```
#22f5c4
```
#22f5c4 rgb(34,245,196)
```

Tetradic Color

#c20934
```
#c20934 rgb(194,9,52)
```
#da0a3a
```
#da0a3a rgb(218,10,58)
```
#f30b41
```
#f30b41 rgb(243,11,65)
```
#f52253
```
#f52253 rgb(245,34,83)
```
#f63a66
```
#f63a66 rgb(246,58,102)
```
#f75379
```
#f75379 rgb(247,83,121)
```
#f86b8c
```
#f86b8c rgb(248,107,140)
```

Monochromatic Color

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

#f52288
```
#f52288 rgb(245,34,136)
```
#f52276
```
#f52276 rgb(245,34,118)
```
#f52265
```
#f52265 rgb(245,34,101)
```
#f52253
```
#f52253 rgb(245,34,83)
```
#f52241
```
#f52241 rgb(245,34,65)
```
#f52230
```
#f52230 rgb(245,34,48)
```
#f52622
```
#f52622 rgb(245,38,34)
```

Similar Colors

Text with hexadecimal color #f52253

This text has a font color of #f52253.

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

#f52253 background color

This paragraph has a background color of #f52253.

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

#f52253 border color

This element has a border color of #f52253.

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

CSS codes

.text {color:#f52253;}

.background {background-color:#f52253;}

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

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)
```
#2a020b
```
#2a020b rgb(42,2,11)
```
#3c0310
```
#3c0310 rgb(60,3,16)
```
#4f0415
```
#4f0415 rgb(79,4,21)
```
#62041a
```
#62041a rgb(98,4,26)
```
#75051f
```
#75051f rgb(117,5,31)
```
#880624
```
#880624 rgb(136,6,36)
```
#9a0729
```
#9a0729 rgb(154,7,41)
```
#ad082e
```
#ad082e rgb(173,8,46)
```
#c00933
```
#c00933 rgb(192,9,51)
```
#d30a38
```
#d30a38 rgb(211,10,56)
```
#e50a3d
```
#e50a3d rgb(229,10,61)
```

Shade Color Variation

#f40f44
```
#f40f44 rgb(244,15,68)
```
#f52253
```
#f52253 rgb(245,34,83)
```
#f63562
```
#f63562 rgb(246,53,98)
```
#f74870
```
#f74870 rgb(247,72,112)
```
#f85a7f
```
#f85a7f rgb(248,90,127)
```
#f86d8d
```
#f86d8d rgb(248,109,141)
```
#f9809c
```
#f9809c rgb(249,128,156)
```
#fa93ab
```
#fa93ab rgb(250,147,171)
```
#fba5b9
```
#fba5b9 rgb(251,165,185)
```
#fcb8c8
```
#fcb8c8 rgb(252,184,200)
```
#fdcbd6
```
#fdcbd6 rgb(253,203,214)
```
#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 #fe194e is the most saturated one.

#938487
```
#938487 rgb(147,132,135)
```
#9c7b83
```
#9c7b83 rgb(156,123,131)
```
#a5727e
```
#a5727e rgb(165,114,126)
```
#ae6979
```
#ae6979 rgb(174,105,121)
```
#b76074
```
#b76074 rgb(183,96,116)
```
#c05770
```
#c05770 rgb(192,87,112)
```
#c94e6b
```
#c94e6b rgb(201,78,107)
```
#d14666
```
#d14666 rgb(209,70,102)
```
#da3d61
```
#da3d61 rgb(218,61,97)
```
#e3345d
```
#e3345d rgb(227,52,93)
```
#ec2b58
```
#ec2b58 rgb(236,43,88)
```
#f52253
```
#f52253 rgb(245,34,83)
```
#fe194e
```
#fe194e rgb(254,25,78)
```

Tone Color Variation

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

#8a8579 Protanopia 1% of men
#a17f4e Deuteranopia 1% of men
#f43737 Tritanopia 0.001% of the population

Trichromacy

#b1616b Protanomaly 1% of men, 0.01% of women
#bf5d50 Deuteranomaly 6% of men, 0.4% of women
#f42f41 Tritanomaly 0.01% of the population

#f52253 hex color

#f52253 Color Information

#f52253 Color Conversion

Color Schemes with #f52253

Alternatives to #f52253

#f52253 Preview

Shades and Tints of #f52253

Tones of #f52253

Color Blindness Simulator