#e31212 hex color

In a RGB color space, hex #e31212 is composed of 89% red, 7.1% green and 7.1% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 92.1% magenta, 92.1% yellow and 11% black. It has a hue angle of 0 degrees, a saturation of 85.3% and a lightness of 48%. #e31212 color hex could be obtained by blending #ff2424 with #c70000. Closest websafe color is: #cc0000.

♥
- f
- t
- g
- R 89
- G 7
- B 7
RGB color chart
- C 0
- M 92
- Y 92
- K 11
CMYK color chart

● #e31212 color description : Vivid red.

The hexadecimal color #e31212 has RGB values of R:227, G:18, B:18 and CMYK values of C:0, M:0.92, Y:0.92, K:0.11. Its decimal value is 14881298.

Hex triplet	e31212	`#e31212`
RGB Decimal	227, 18, 18	`rgb(227,18,18)`
RGB Percent	89, 7.1, 7.1	`rgb(89%,7.1%,7.1%)`
CMYK	0, 92, 92, 11
HSL	0°, 85.3, 48	`hsl(0,85.3%,48%)`
HSV (or HSB)	0°, 92.1, 89
Web Safe	cc0000	`#cc0000`

CIE-LAB	48.022, 71.902, 56.476
XYZ	32.006, 16.811, 2.132
xyY	0.628, 0.33, 16.811
CIE-LCH	48.022, 91.429, 38.148
CIE-LUV	48.022, 151.543, 32.692
Hunter-Lab	41.002, 67.583, 25.618
Binary	11100011, 00010010, 00010010

#e31212
```
#e31212 rgb(227,18,18)
```
#12e3e3
```
#12e3e3 rgb(18,227,227)
```

Complementary Color

#e3127b
```
#e3127b rgb(227,18,123)
```
#e31212
```
#e31212 rgb(227,18,18)
```
#e37b12
```
#e37b12 rgb(227,123,18)
```

Analogous Color

#127be3
```
#127be3 rgb(18,123,227)
```
#e31212
```
#e31212 rgb(227,18,18)
```
#12e37b
```
#12e37b rgb(18,227,123)
```

Split Complementary Color

#1212e3
```
#1212e3 rgb(18,18,227)
```
#e31212
```
#e31212 rgb(227,18,18)
```
#12e312
```
#12e312 rgb(18,227,18)
```

Triadic Color

#e312e3
```
#e312e3 rgb(227,18,227)
```
#e31212
```
#e31212 rgb(227,18,18)
```
#12e312
```
#12e312 rgb(18,227,18)
```
#12e3e3
```
#12e3e3 rgb(18,227,227)
```

Tetradic Color

#9c0c0c
```
#9c0c0c rgb(156,12,12)
```
#b40e0e
```
#b40e0e rgb(180,14,14)
```
#cb1010
```
#cb1010 rgb(203,16,16)
```
#e31212
```
#e31212 rgb(227,18,18)
```
#ed2121
```
#ed2121 rgb(237,33,33)
```
#ef3939
```
#ef3939 rgb(239,57,57)
```
#f15050
```
#f15050 rgb(241,80,80)
```

Monochromatic Color

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

#e31246
```
#e31246 rgb(227,18,70)
```
#e31235
```
#e31235 rgb(227,18,53)
```
#e31223
```
#e31223 rgb(227,18,35)
```
#e31212
```
#e31212 rgb(227,18,18)
```
#e32312
```
#e32312 rgb(227,35,18)
```
#e33512
```
#e33512 rgb(227,53,18)
```
#e34612
```
#e34612 rgb(227,70,18)
```

Similar Colors

Text with hexadecimal color #e31212

This text has a font color of #e31212.

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

#e31212 background color

This paragraph has a background color of #e31212.

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

#e31212 border color

This element has a border color of #e31212.

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

CSS codes

.text {color:#e31212;}

.background {background-color:#e31212;}

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

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

#090101
```
#090101 rgb(9,1,1)
```
#1b0202
```
#1b0202 rgb(27,2,2)
```
#2d0404
```
#2d0404 rgb(45,4,4)
```
#3f0505
```
#3f0505 rgb(63,5,5)
```
#520606
```
#520606 rgb(82,6,6)
```
#640808
```
#640808 rgb(100,8,8)
```
#760909
```
#760909 rgb(118,9,9)
```
#880b0b
```
#880b0b rgb(136,11,11)
```
#9a0c0c
```
#9a0c0c rgb(154,12,12)
```
#ac0e0e
```
#ac0e0e rgb(172,14,14)
```
#bf0f0f
```
#bf0f0f rgb(191,15,15)
```
#d11111
```
#d11111 rgb(209,17,17)
```
#e31212
```
#e31212 rgb(227,18,18)
```

Shade Color Variation

#ed1c1c
```
#ed1c1c rgb(237,28,28)
```
#ee2e2e
```
#ee2e2e rgb(238,46,46)
```
#f04040
```
#f04040 rgb(240,64,64)
```
#f15252
```
#f15252 rgb(241,82,82)
```
#f36464
```
#f36464 rgb(243,100,100)
```
#f47777
```
#f47777 rgb(244,119,119)
```
#f68989
```
#f68989 rgb(246,137,137)
```
#f79b9b
```
#f79b9b rgb(247,155,155)
```
#f9adad
```
#f9adad rgb(249,173,173)
```
#fabfbf
```
#fabfbf rgb(250,191,191)
```
#fbd1d1
```
#fbd1d1 rgb(251,209,209)
```
#fde4e4
```
#fde4e4 rgb(253,228,228)
```
#fef6f6
```
#fef6f6 rgb(254,246,246)
```

Tint Color Variation

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

#7b7a7a
```
#7b7a7a rgb(123,122,122)
```
#857070
```
#857070 rgb(133,112,112)
```
#8e6767
```
#8e6767 rgb(142,103,103)
```
#985d5d
```
#985d5d rgb(152,93,93)
```
#a15454
```
#a15454 rgb(161,84,84)
```
#aa4b4b
```
#aa4b4b rgb(170,75,75)
```
#b44141
```
#b44141 rgb(180,65,65)
```
#bd3838
```
#bd3838 rgb(189,56,56)
```
#c72e2e
```
#c72e2e rgb(199,46,46)
```
#d02525
```
#d02525 rgb(208,37,37)
```
#da1b1b
```
#da1b1b rgb(218,27,27)
```
#e31212
```
#e31212 rgb(227,18,18)
```
#ec0909
```
#ec0909 rgb(236,9,9)
```

Tone Color Variation

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

#505050 Achromatopsia 0.005% of the population
#6d4444 Atypical Achromatopsia 0.001% of the population

Dichromacy

#867930 Protanopia 1% of men
#977300 Deuteranopia 1% of men
#e41f18 Tritanopia 0.001% of the population

Trichromacy

#a85325 Protanomaly 1% of men, 0.01% of women
#b35006 Deuteranomaly 6% of men, 0.4% of women
#e31a16 Tritanomaly 0.01% of the population

#e31212 hex color

#e31212 Color Information

#e31212 Color Conversion

Color Schemes with #e31212

Alternatives to #e31212

#e31212 Preview

Shades and Tints of #e31212

Tones of #e31212

Color Blindness Simulator