colorhexa.com

#e01f30 hex color

In a RGB color space, hex #e01f30 is composed of 87.8% red, 12.2% green and 18.8% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 86.2% magenta, 78.6% yellow and 12.2% black. It has a hue angle of 354.7 degrees, a saturation of 75.7% and a lightness of 50%. #e01f30 color hex could be obtained by blending #ff3e60 with #c10000. Closest websafe color is: #cc3333.

- R 88
- G 12
- B 19
RGB color chart
- C 0
- M 86
- Y 79
- K 12
CMYK color chart

● #e01f30 color description : Vivid red.

The hexadecimal color #e01f30 has RGB values of R:224, G:31, B:48 and CMYK values of C:0, M:0.86, Y:0.79, K:0.12. Its decimal value is 14688048.

Hex triplet	e01f30	`#e01f30`
RGB Decimal	224, 31, 48	`rgb(224,31,48)`
RGB Percent	87.8, 12.2, 18.8	`rgb(87.8%,12.2%,18.8%)`
CMYK	0, 86, 79, 12
HSL	354.7°, 75.7, 50	`hsl(354.7,75.7%,50%)`
HSV (or HSB)	354.7°, 86.2, 87.8
Web Safe	cc3333	`#cc3333`

CIE-LAB	48.316, 69.758, 42.188
XYZ	31.766, 17.045, 4.414
xyY	0.597, 0.32, 17.045
CIE-LCH	48.316, 81.523, 31.164
CIE-LUV	48.316, 141.167, 26.289
Hunter-Lab	41.285, 65.092, 22.561
Binary	11100000, 00011111, 00110000

#e01f30
```
#e01f30 rgb(224,31,48)
```
#1fe0cf
```
#1fe0cf rgb(31,224,207)
```

Complementary Color

#e01f91
```
#e01f91 rgb(224,31,145)
```
#e01f30
```
#e01f30 rgb(224,31,48)
```
#e06f1f
```
#e06f1f rgb(224,111,31)
```

Analogous Color

#1f91e0
```
#1f91e0 rgb(31,145,224)
```
#e01f30
```
#e01f30 rgb(224,31,48)
```
#1fe06f
```
#1fe06f rgb(31,224,111)
```

Split Complementary Color

#1f30e0
```
#1f30e0 rgb(31,48,224)
```
#e01f30
```
#e01f30 rgb(224,31,48)
```
#30e01f
```
#30e01f rgb(48,224,31)
```

Triadic Color

#cf1fe0
```
#cf1fe0 rgb(207,31,224)
```
#e01f30
```
#e01f30 rgb(224,31,48)
```
#30e01f
```
#30e01f rgb(48,224,31)
```
#1fe0cf
```
#1fe0cf rgb(31,224,207)
```

Tetradic Color

#9d1622
```
#9d1622 rgb(157,22,34)
```
#b31926
```
#b31926 rgb(179,25,38)
```
#ca1c2b
```
#ca1c2b rgb(202,28,43)
```
#e01f30
```
#e01f30 rgb(224,31,48)
```
#e33545
```
#e33545 rgb(227,53,69)
```
#e64c59
```
#e64c59 rgb(230,76,89)
```
#e9626e
```
#e9626e rgb(233,98,110)
```

Monochromatic Color

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

#e01f60
```
#e01f60 rgb(224,31,96)
```
#e01f50
```
#e01f50 rgb(224,31,80)
```
#e01f40
```
#e01f40 rgb(224,31,64)
```
#e01f30
```
#e01f30 rgb(224,31,48)
```
#e01f20
```
#e01f20 rgb(224,31,32)
```
#e02e1f
```
#e02e1f rgb(224,46,31)
```
#e03e1f
```
#e03e1f rgb(224,62,31)
```

Similar Colors

Text with hexadecimal color #e01f30

This text has a font color of #e01f30.

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

#e01f30 background color

This paragraph has a background color of #e01f30.

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

#e01f30 border color

This element has a border color of #e01f30.

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

CSS codes

.text {color:#e01f30;}

.background {background-color:#e01f30;}

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

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

#110204
```
#110204 rgb(17,2,4)
```
#220507
```
#220507 rgb(34,5,7)
```
#34070b
```
#34070b rgb(52,7,11)
```
#450a0f
```
#450a0f rgb(69,10,15)
```
#560c12
```
#560c12 rgb(86,12,18)
```
#670e16
```
#670e16 rgb(103,14,22)
```
#79111a
```
#79111a rgb(121,17,26)
```
#8a131e
```
#8a131e rgb(138,19,30)
```
#9b1521
```
#9b1521 rgb(155,21,33)
```
#ac1825
```
#ac1825 rgb(172,24,37)
```
#be1a29
```
#be1a29 rgb(190,26,41)
```
#cf1d2c
```
#cf1d2c rgb(207,29,44)
```
#e01f30
```
#e01f30 rgb(224,31,48)
```

Shade Color Variation

#e23040
```
#e23040 rgb(226,48,64)
```
#e54150
```
#e54150 rgb(229,65,80)
```
#e75360
```
#e75360 rgb(231,83,96)
```
#ea6470
```
#ea6470 rgb(234,100,112)
```
#ec7580
```
#ec7580 rgb(236,117,128)
```
#ee8690
```
#ee8690 rgb(238,134,144)
```
#f1989f
```
#f1989f rgb(241,152,159)
```
#f3a9af
```
#f3a9af rgb(243,169,175)
```
#f5babf
```
#f5babf rgb(245,186,191)
```
#f8cbcf
```
#f8cbcf rgb(248,203,207)
```
#fadddf
```
#fadddf rgb(250,221,223)
```
#fdeeef
```
#fdeeef rgb(253,238,239)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Tint Color Variation

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

#887779
```
#887779 rgb(136,119,121)
```
#926d71
```
#926d71 rgb(146,109,113)
```
#9b6469
```
#9b6469 rgb(155,100,105)
```
#a55a60
```
#a55a60 rgb(165,90,96)
```
#af5058
```
#af5058 rgb(175,80,88)
```
#b94650
```
#b94650 rgb(185,70,80)
```
#c33c48
```
#c33c48 rgb(195,60,72)
```
#cc3340
```
#cc3340 rgb(204,51,64)
```
#d62938
```
#d62938 rgb(214,41,56)
```
#e01f30
```
#e01f30 rgb(224,31,48)
```
#ea1528
```
#ea1528 rgb(234,21,40)
```
#f40b20
```
#f40b20 rgb(244,11,32)
```
#fd0218
```
#fd0218 rgb(253,2,24)
```

Tone Color Variation

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

#5b5b5b Achromatopsia 0.005% of the population
#764f52 Atypical Achromatopsia 0.001% of the population

Dichromacy

#84794f Protanopia 1% of men
#97742b Deuteranopia 1% of men
#e12d2c Tritanopia 0.001% of the population

Trichromacy

#a55844 Protanomaly 1% of men, 0.01% of women
#b1552d Deuteranomaly 6% of men, 0.4% of women
#e0282d Tritanomaly 0.01% of the population