colorhexa.com

#f52131 hex color

In a RGB color space, hex #f52131 is composed of 96.1% red, 12.9% green and 19.2% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 86.5% magenta, 80% yellow and 3.9% black. It has a hue angle of 355.5 degrees, a saturation of 91.4% and a lightness of 54.5%. #f52131 color hex could be obtained by blending #ff4262 with #eb0000. Closest websafe color is: #ff3333.

- R 96
- G 13
- B 19
RGB color chart
- C 0
- M 87
- Y 80
- K 4
CMYK color chart

● #f52131 color description : Vivid red.

The hexadecimal color #f52131 has RGB values of R:245, G:33, B:49 and CMYK values of C:0, M:0.87, Y:0.8, K:0.04. Its decimal value is 16064817.

Hex triplet	f52131	`#f52131`
RGB Decimal	245, 33, 49	`rgb(245,33,49)`
RGB Percent	96.1, 12.9, 19.2	`rgb(96.1%,12.9%,19.2%)`
CMYK	0, 87, 80, 4
HSL	355.5°, 91.4, 54.5	`hsl(355.5,91.4%,54.5%)`
HSV (or HSB)	355.5°, 86.5, 96.1
Web Safe	ff3333	`#ff3333`

CIE-LAB	52.649, 74.868, 47.388
XYZ	38.756, 20.727, 4.866
xyY	0.602, 0.322, 20.727
CIE-LCH	52.649, 88.605, 32.332
CIE-LUV	52.649, 155.884, 29.965
Hunter-Lab	45.527, 72.283, 25.532
Binary	11110101, 00100001, 00110001

#f52131
```
#f52131 rgb(245,33,49)
```
#21f5e5
```
#21f5e5 rgb(33,245,229)
```

Complementary Color

#f5219b
```
#f5219b rgb(245,33,155)
```
#f52131
```
#f52131 rgb(245,33,49)
```
#f57b21
```
#f57b21 rgb(245,123,33)
```

Analogous Color

#219bf5
```
#219bf5 rgb(33,155,245)
```
#f52131
```
#f52131 rgb(245,33,49)
```
#21f57b
```
#21f57b rgb(33,245,123)
```

Split Complementary Color

#2131f5
```
#2131f5 rgb(33,49,245)
```
#f52131
```
#f52131 rgb(245,33,49)
```
#31f521
```
#31f521 rgb(49,245,33)
```

Triadic Color

#e521f5
```
#e521f5 rgb(229,33,245)
```
#f52131
```
#f52131 rgb(245,33,49)
```
#31f521
```
#31f521 rgb(49,245,33)
```
#21f5e5
```
#21f5e5 rgb(33,245,229)
```

Tetradic Color

#c10917
```
#c10917 rgb(193,9,23)
```
#d90a19
```
#d90a19 rgb(217,10,25)
```
#f20b1c
```
#f20b1c rgb(242,11,28)
```
#f52131
```
#f52131 rgb(245,33,49)
```
#f63948
```
#f63948 rgb(246,57,72)
```
#f7525e
```
#f7525e rgb(247,82,94)
```
#f86a75
```
#f86a75 rgb(248,106,117)
```

Monochromatic Color

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

#f52166
```
#f52166 rgb(245,33,102)
```
#f52154
```
#f52154 rgb(245,33,84)
```
#f52143
```
#f52143 rgb(245,33,67)
```
#f52131
```
#f52131 rgb(245,33,49)
```
#f52321
```
#f52321 rgb(245,35,33)
```
#f53421
```
#f53421 rgb(245,52,33)
```
#f54621
```
#f54621 rgb(245,70,33)
```

Similar Colors

Text with hexadecimal color #f52131

This text has a font color of #f52131.

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

#f52131 background color

This paragraph has a background color of #f52131.

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

#f52131 border color

This element has a border color of #f52131.

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

CSS codes

.text {color:#f52131;}

.background {background-color:#f52131;}

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

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

#030000
```
#030000 rgb(3,0,0)
```
#160103
```
#160103 rgb(22,1,3)
```
#290205
```
#290205 rgb(41,2,5)
```
#3c0307
```
#3c0307 rgb(60,3,7)
```
#4e0409
```
#4e0409 rgb(78,4,9)
```
#61040b
```
#61040b rgb(97,4,11)
```
#74050e
```
#74050e rgb(116,5,14)
```
#870610
```
#870610 rgb(135,6,16)
```
#990712
```
#990712 rgb(153,7,18)
```
#ac0814
```
#ac0814 rgb(172,8,20)
```
#bf0916
```
#bf0916 rgb(191,9,22)
```
#d20919
```
#d20919 rgb(210,9,25)
```
#e40a1b
```
#e40a1b rgb(228,10,27)
```

Shade Color Variation

#f40e20
```
#f40e20 rgb(244,14,32)
```
#f52131
```
#f52131 rgb(245,33,49)
```
#f63442
```
#f63442 rgb(246,52,66)
```
#f74754
```
#f74754 rgb(247,71,84)
```
#f85965
```
#f85965 rgb(248,89,101)
```
#f86c77
```
#f86c77 rgb(248,108,119)
```
#f97f88
```
#f97f88 rgb(249,127,136)
```
#fa929a
```
#fa929a rgb(250,146,154)
```
#fba4ab
```
#fba4ab rgb(251,164,171)
```
#fcb7bc
```
#fcb7bc rgb(252,183,188)
```
#fdcace
```
#fdcace rgb(253,202,206)
```
#fddddf
```
#fddddf rgb(253,221,223)
```
#feeff1
```
#feeff1 rgb(254,239,241)
```

Tint Color Variation

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

#938384
```
#938384 rgb(147,131,132)
```
#9c7a7d
```
#9c7a7d rgb(156,122,125)
```
#a57175
```
#a57175 rgb(165,113,117)
```
#ae686e
```
#ae686e rgb(174,104,110)
```
#b75f66
```
#b75f66 rgb(183,95,102)
```
#bf575e
```
#bf575e rgb(191,87,94)
```
#c84e57
```
#c84e57 rgb(200,78,87)
```
#d1454f
```
#d1454f rgb(209,69,79)
```
#da3c48
```
#da3c48 rgb(218,60,72)
```
#e33340
```
#e33340 rgb(227,51,64)
```
#ec2a39
```
#ec2a39 rgb(236,42,57)
```
#f52131
```
#f52131 rgb(245,33,49)
```
#fe1829
```
#fe1829 rgb(254,24,41)
```

Tone Color Variation

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

#626262 Achromatopsia 0.005% of the population
#7f5558 Atypical Achromatopsia 0.001% of the population

Dichromacy

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

Trichromacy

#b46045 Protanomaly 1% of men, 0.01% of women
#c15c2c Deuteranomaly 6% of men, 0.4% of women
#f52a2e Tritanomaly 0.01% of the population