#f52248 hex color

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

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

● #f52248 color description : Vivid red.

The hexadecimal color #f52248 has RGB values of R:245, G:34, B:72 and CMYK values of C:0, M:0.86, Y:0.71, K:0.04. Its decimal value is 16065096.

Hex triplet	f52248	`#f52248`
RGB Decimal	245, 34, 72	`rgb(245,34,72)`
RGB Percent	96.1, 13.3, 28.2	`rgb(96.1%,13.3%,28.2%)`
CMYK	0, 86, 71, 4
HSL	349.2°, 91.3, 54.7	`hsl(349.2,91.3%,54.7%)`
HSV (or HSB)	349.2°, 86.1, 96.1
Web Safe	ff3333	`#ff3333`

CIE-LAB	52.982, 75.476, 34.767
XYZ	39.4, 21.029, 8.115
xyY	0.575, 0.307, 21.029
CIE-LCH	52.982, 83.099, 24.732
CIE-LUV	52.982, 150.003, 21.212
Hunter-Lab	45.858, 73.112, 21.608
Binary	11110101, 00100010, 01001000

#f52248
```
#f52248 rgb(245,34,72)
```
#22f5cf
```
#22f5cf rgb(34,245,207)
```

Complementary Color

#f522b2
```
#f522b2 rgb(245,34,178)
```
#f52248
```
#f52248 rgb(245,34,72)
```
#f56622
```
#f56622 rgb(245,102,34)
```

Analogous Color

#22b2f5
```
#22b2f5 rgb(34,178,245)
```
#f52248
```
#f52248 rgb(245,34,72)
```
#22f566
```
#22f566 rgb(34,245,102)
```

Split Complementary Color

#2248f5
```
#2248f5 rgb(34,72,245)
```
#f52248
```
#f52248 rgb(245,34,72)
```
#48f522
```
#48f522 rgb(72,245,34)
```

Triadic Color

#cf22f5
```
#cf22f5 rgb(207,34,245)
```
#f52248
```
#f52248 rgb(245,34,72)
```
#48f522
```
#48f522 rgb(72,245,34)
```
#22f5cf
```
#22f5cf rgb(34,245,207)
```

Tetradic Color

#c2092a
```
#c2092a rgb(194,9,42)
```
#da0a2f
```
#da0a2f rgb(218,10,47)
```
#f30b35
```
#f30b35 rgb(243,11,53)
```
#f52248
```
#f52248 rgb(245,34,72)
```
#f63a5c
```
#f63a5c rgb(246,58,92)
```
#f75370
```
#f75370 rgb(247,83,112)
```
#f86b85
```
#f86b85 rgb(248,107,133)
```

Monochromatic Color

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

#f5227d
```
#f5227d rgb(245,34,125)
```
#f5226b
```
#f5226b rgb(245,34,107)
```
#f5225a
```
#f5225a rgb(245,34,90)
```
#f52248
```
#f52248 rgb(245,34,72)
```
#f52236
```
#f52236 rgb(245,34,54)
```
#f52225
```
#f52225 rgb(245,34,37)
```
#f53122
```
#f53122 rgb(245,49,34)
```

Similar Colors

Text with hexadecimal color #f52248

This text has a font color of #f52248.

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

#f52248 background color

This paragraph has a background color of #f52248.

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

#f52248 border color

This element has a border color of #f52248.

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

CSS codes

.text {color:#f52248;}

.background {background-color:#f52248;}

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

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 #fef0f3 is the lightest one.

#040001
```
#040001 rgb(4,0,1)
```
#170105
```
#170105 rgb(23,1,5)
```
#2a0209
```
#2a0209 rgb(42,2,9)
```
#3c030d
```
#3c030d rgb(60,3,13)
```
#4f0411
```
#4f0411 rgb(79,4,17)
```
#620415
```
#620415 rgb(98,4,21)
```
#750519
```
#750519 rgb(117,5,25)
```
#88061d
```
#88061d rgb(136,6,29)
```
#9a0722
```
#9a0722 rgb(154,7,34)
```
#ad0826
```
#ad0826 rgb(173,8,38)
```
#c0092a
```
#c0092a rgb(192,9,42)
```
#d30a2e
```
#d30a2e rgb(211,10,46)
```
#e50a32
```
#e50a32 rgb(229,10,50)
```

Shade Color Variation

#f40f38
```
#f40f38 rgb(244,15,56)
```
#f52248
```
#f52248 rgb(245,34,72)
```
#f63558
```
#f63558 rgb(246,53,88)
```
#f74867
```
#f74867 rgb(247,72,103)
```
#f85a77
```
#f85a77 rgb(248,90,119)
```
#f86d86
```
#f86d86 rgb(248,109,134)
```
#f98096
```
#f98096 rgb(249,128,150)
```
#fa93a5
```
#fa93a5 rgb(250,147,165)
```
#fba5b5
```
#fba5b5 rgb(251,165,181)
```
#fcb8c4
```
#fcb8c4 rgb(252,184,196)
```
#fdcbd4
```
#fdcbd4 rgb(253,203,212)
```
#fddee3
```
#fddee3 rgb(253,222,227)
```
#fef0f3
```
#fef0f3 rgb(254,240,243)
```

Tint Color Variation

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

#938487
```
#938487 rgb(147,132,135)
```
#9c7b81
```
#9c7b81 rgb(156,123,129)
```
#a5727b
```
#a5727b rgb(165,114,123)
```
#ae6975
```
#ae6975 rgb(174,105,117)
```
#b76070
```
#b76070 rgb(183,96,112)
```
#c0576a
```
#c0576a rgb(192,87,106)
```
#c94e64
```
#c94e64 rgb(201,78,100)
```
#d1465f
```
#d1465f rgb(209,70,95)
```
#da3d59
```
#da3d59 rgb(218,61,89)
```
#e33453
```
#e33453 rgb(227,52,83)
```
#ec2b4e
```
#ec2b4e rgb(236,43,78)
```
#f52248
```
#f52248 rgb(245,34,72)
```
#fe1942
```
#fe1942 rgb(254,25,66)
```

Tone Color Variation

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

#656565 Achromatopsia 0.005% of the population
#82585f Atypical Achromatopsia 0.001% of the population

Dichromacy

#8d846c Protanopia 1% of men
#a27f43 Deuteranopia 1% of men
#f43433 Tritanopia 0.001% of the population

Trichromacy

#b2605f Protanomaly 1% of men, 0.01% of women
#c05d45 Deuteranomaly 6% of men, 0.4% of women
#f42d3b Tritanomaly 0.01% of the population

#f52248 hex color

#f52248 Color Information

#f52248 Color Conversion

Color Schemes with #f52248

Alternatives to #f52248

#f52248 Preview

Shades and Tints of #f52248

Tones of #f52248

Color Blindness Simulator