#f52331 hex color

In a RGB color space, hex #f52331 is composed of 96.1% red, 13.7% green and 19.2% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 85.7% magenta, 80% yellow and 3.9% black. It has a hue angle of 356 degrees, a saturation of 91.3% and a lightness of 54.9%. #f52331 color hex could be obtained by blending #ff4662 with #eb0000. Closest websafe color is: #ff3333.

♥
- f
- t
- g
- R 96
- G 14
- B 19
RGB color chart
- C 0
- M 86
- Y 80
- K 4
CMYK color chart

● #f52331 color description : Vivid red.

The hexadecimal color #f52331 has RGB values of R:245, G:35, B:49 and CMYK values of C:0, M:0.86, Y:0.8, K:0.04. Its decimal value is 16065329.

Hex triplet	f52331	`#f52331`
RGB Decimal	245, 35, 49	`rgb(245,35,49)`
RGB Percent	96.1, 13.7, 19.2	`rgb(96.1%,13.7%,19.2%)`
CMYK	0, 86, 80, 4
HSL	356°, 91.3, 54.9	`hsl(356,91.3%,54.9%)`
HSV (or HSB)	356°, 85.7, 96.1
Web Safe	ff3333	`#ff3333`

CIE-LAB	52.775, 74.507, 47.513
XYZ	38.814, 20.841, 4.885
xyY	0.601, 0.323, 20.841
CIE-LCH	52.775, 88.368, 32.526
CIE-LUV	52.775, 155.227, 30.21
Hunter-Lab	45.652, 71.87, 25.613
Binary	11110101, 00100011, 00110001

#f52331
```
#f52331 rgb(245,35,49)
```
#23f5e7
```
#23f5e7 rgb(35,245,231)
```

Complementary Color

#f5239a
```
#f5239a rgb(245,35,154)
```
#f52331
```
#f52331 rgb(245,35,49)
```
#f57e23
```
#f57e23 rgb(245,126,35)
```

Analogous Color

#239af5
```
#239af5 rgb(35,154,245)
```
#f52331
```
#f52331 rgb(245,35,49)
```
#23f57e
```
#23f57e rgb(35,245,126)
```

Split Complementary Color

#2331f5
```
#2331f5 rgb(35,49,245)
```
#f52331
```
#f52331 rgb(245,35,49)
```
#31f523
```
#31f523 rgb(49,245,35)
```

Triadic Color

#e723f5
```
#e723f5 rgb(231,35,245)
```
#f52331
```
#f52331 rgb(245,35,49)
```
#31f523
```
#31f523 rgb(49,245,35)
```
#23f5e7
```
#23f5e7 rgb(35,245,231)
```

Tetradic Color

#c30915
```
#c30915 rgb(195,9,21)
```
#db0a18
```
#db0a18 rgb(219,10,24)
```
#f30b1b
```
#f30b1b rgb(243,11,27)
```
#f52331
```
#f52331 rgb(245,35,49)
```
#f63b48
```
#f63b48 rgb(246,59,72)
```
#f7545f
```
#f7545f rgb(247,84,95)
```
#f86c76
```
#f86c76 rgb(248,108,118)
```

Monochromatic Color

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

#f52366
```
#f52366 rgb(245,35,102)
```
#f52354
```
#f52354 rgb(245,35,84)
```
#f52343
```
#f52343 rgb(245,35,67)
```
#f52331
```
#f52331 rgb(245,35,49)
```
#f52723
```
#f52723 rgb(245,39,35)
```
#f53823
```
#f53823 rgb(245,56,35)
```
#f54a23
```
#f54a23 rgb(245,74,35)
```

Similar Colors

Text with hexadecimal color #f52331

This text has a font color of #f52331.

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

#f52331 background color

This paragraph has a background color of #f52331.

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

#f52331 border color

This element has a border color of #f52331.

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

CSS codes

.text {color:#f52331;}

.background {background-color:#f52331;}

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

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

#050001
```
#050001 rgb(5,0,1)
```
#180103
```
#180103 rgb(24,1,3)
```
#2b0205
```
#2b0205 rgb(43,2,5)
```
#3d0307
```
#3d0307 rgb(61,3,7)
```
#500409
```
#500409 rgb(80,4,9)
```
#63040b
```
#63040b rgb(99,4,11)
```
#76050d
```
#76050d rgb(118,5,13)
```
#88060f
```
#88060f rgb(136,6,15)
```
#9b0711
```
#9b0711 rgb(155,7,17)
```
#ae0813
```
#ae0813 rgb(174,8,19)
```
#c10915
```
#c10915 rgb(193,9,21)
```
#d40a17
```
#d40a17 rgb(212,10,23)
```
#e60a19
```
#e60a19 rgb(230,10,25)
```

Shade Color Variation

#f4101f
```
#f4101f rgb(244,16,31)
```
#f52331
```
#f52331 rgb(245,35,49)
```
#f63643
```
#f63643 rgb(246,54,67)
```
#f74954
```
#f74954 rgb(247,73,84)
```
#f85b66
```
#f85b66 rgb(248,91,102)
```
#f86e77
```
#f86e77 rgb(248,110,119)
```
#f98189
```
#f98189 rgb(249,129,137)
```
#fa949a
```
#fa949a rgb(250,148,154)
```
#fba6ac
```
#fba6ac rgb(251,166,172)
```
#fcb9be
```
#fcb9be rgb(252,185,190)
```
#fdcccf
```
#fdcccf rgb(253,204,207)
```
#fedfe1
```
#fedfe1 rgb(254,223,225)
```
#fef1f2
```
#fef1f2 rgb(254,241,242)
```

Tint Color Variation

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

#948485
```
#948485 rgb(148,132,133)
```
#9d7b7e
```
#9d7b7e rgb(157,123,126)
```
#a57376
```
#a57376 rgb(165,115,118)
```
#ae6a6e
```
#ae6a6e rgb(174,106,110)
```
#b76167
```
#b76167 rgb(183,97,103)
```
#c0585f
```
#c0585f rgb(192,88,95)
```
#c94f57
```
#c94f57 rgb(201,79,87)
```
#d24650
```
#d24650 rgb(210,70,80)
```
#da3e48
```
#da3e48 rgb(218,62,72)
```
#e33540
```
#e33540 rgb(227,53,64)
```
#ec2c39
```
#ec2c39 rgb(236,44,57)
```
#f52331
```
#f52331 rgb(245,35,49)
```
#fe1a29
```
#fe1a29 rgb(254,26,41)
```

Tone Color Variation

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

#636363 Achromatopsia 0.005% of the population
#805659 Atypical Achromatopsia 0.001% of the population

Dichromacy

#908451 Protanopia 1% of men
#a47e29 Deuteranopia 1% of men
#f5302f Tritanopia 0.001% of the population

Trichromacy

#b56145 Protanomaly 1% of men, 0.01% of women
#c25d2c Deuteranomaly 6% of men, 0.4% of women
#f52b2f Tritanomaly 0.01% of the population

#f52331 hex color

#f52331 Color Information

#f52331 Color Conversion

Color Schemes with #f52331

Alternatives to #f52331

#f52331 Preview

Shades and Tints of #f52331

Tones of #f52331

Color Blindness Simulator