#e12c22 hex color

In a RGB color space, hex #e12c22 is composed of 88.2% red, 17.3% green and 13.3% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 80.4% magenta, 84.9% yellow and 11.8% black. It has a hue angle of 3.1 degrees, a saturation of 76.1% and a lightness of 50.8%. #e12c22 color hex could be obtained by blending #ff5844 with #c30000. Closest websafe color is: #cc3333.

♥
- f
- t
- g
- R 88
- G 17
- B 13
RGB color chart
- C 0
- M 80
- Y 85
- K 12
CMYK color chart

● #e12c22 color description : Bright red.

The hexadecimal color #e12c22 has RGB values of R:225, G:44, B:34 and CMYK values of C:0, M:0.8, Y:0.85, K:0.12. Its decimal value is 14756898.

Hex triplet	e12c22	`#e12c22`
RGB Decimal	225, 44, 34	`rgb(225,44,34)`
RGB Percent	88.2, 17.3, 13.3	`rgb(88.2%,17.3%,13.3%)`
CMYK	0, 80, 85, 12
HSL	3.1°, 76.1, 50.8	`hsl(3.1,76.1%,50.8%)`
HSV (or HSB)	3.1°, 84.9, 88.2
Web Safe	cc3333	`#cc3333`

CIE-LAB	49.409, 66.775, 50.569
XYZ	32.242, 17.928, 3.276
xyY	0.603, 0.335, 17.928
CIE-LCH	49.409, 83.762, 37.136
CIE-LUV	49.409, 139.291, 32.435
Hunter-Lab	42.342, 61.825, 25.052
Binary	11100001, 00101100, 00100010

#e12c22
```
#e12c22 rgb(225,44,34)
```
#22d7e1
```
#22d7e1 rgb(34,215,225)
```

Complementary Color

#e12278
```
#e12278 rgb(225,34,120)
```
#e12c22
```
#e12c22 rgb(225,44,34)
```
#e18c22
```
#e18c22 rgb(225,140,34)
```

Analogous Color

#2278e1
```
#2278e1 rgb(34,120,225)
```
#e12c22
```
#e12c22 rgb(225,44,34)
```
#22e18c
```
#22e18c rgb(34,225,140)
```

Split Complementary Color

#2c22e1
```
#2c22e1 rgb(44,34,225)
```
#e12c22
```
#e12c22 rgb(225,44,34)
```
#22e12c
```
#22e12c rgb(34,225,44)
```

Triadic Color

#e122d7
```
#e122d7 rgb(225,34,215)
```
#e12c22
```
#e12c22 rgb(225,44,34)
```
#22e12c
```
#22e12c rgb(34,225,44)
```
#22d7e1
```
#22d7e1 rgb(34,215,225)
```

Tetradic Color

#a11d16
```
#a11d16 rgb(161,29,22)
```
#b72119
```
#b72119 rgb(183,33,25)
```
#ce251c
```
#ce251c rgb(206,37,28)
```
#e12c22
```
#e12c22 rgb(225,44,34)
```
#e44138
```
#e44138 rgb(228,65,56)
```
#e7574f
```
#e7574f rgb(231,87,79)
```
#ea6c65
```
#ea6c65 rgb(234,108,101)
```

Monochromatic Color

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

#e12248
```
#e12248 rgb(225,34,72)
```
#e12238
```
#e12238 rgb(225,34,56)
```
#e12228
```
#e12228 rgb(225,34,40)
```
#e12c22
```
#e12c22 rgb(225,44,34)
```
#e13c22
```
#e13c22 rgb(225,60,34)
```
#e14c22
```
#e14c22 rgb(225,76,34)
```
#e15c22
```
#e15c22 rgb(225,92,34)
```

Similar Colors

Text with hexadecimal color #e12c22

This text has a font color of #e12c22.

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

#e12c22 background color

This paragraph has a background color of #e12c22.

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

#e12c22 border color

This element has a border color of #e12c22.

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

CSS codes

.text {color:#e12c22;}

.background {background-color:#e12c22;}

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

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

#040100
```
#040100 rgb(4,1,0)
```
#150403
```
#150403 rgb(21,4,3)
```
#260705
```
#260705 rgb(38,7,5)
```
#370a08
```
#370a08 rgb(55,10,8)
```
#490d0a
```
#490d0a rgb(73,13,10)
```
#5a100c
```
#5a100c rgb(90,16,12)
```
#6b130f
```
#6b130f rgb(107,19,15)
```
#7c1711
```
#7c1711 rgb(124,23,17)
```
#8e1a13
```
#8e1a13 rgb(142,26,19)
```
#9f1d16
```
#9f1d16 rgb(159,29,22)
```
#b02018
```
#b02018 rgb(176,32,24)
```
#c2231a
```
#c2231a rgb(194,35,26)
```
#d3261d
```
#d3261d rgb(211,38,29)
```

Shade Color Variation

#e12c22
```
#e12c22 rgb(225,44,34)
```
#e33c33
```
#e33c33 rgb(227,60,51)
```
#e64d45
```
#e64d45 rgb(230,77,69)
```
#e85d56
```
#e85d56 rgb(232,93,86)
```
#ea6e67
```
#ea6e67 rgb(234,110,103)
```
#ed7e78
```
#ed7e78 rgb(237,126,120)
```
#ef8f8a
```
#ef8f8a rgb(239,143,138)
```
#f19f9b
```
#f19f9b rgb(241,159,155)
```
#f4b0ac
```
#f4b0ac rgb(244,176,172)
```
#f6c0bd
```
#f6c0bd rgb(246,192,189)
```
#f8d1cf
```
#f8d1cf rgb(248,209,207)
```
#fbe1e0
```
#fbe1e0 rgb(251,225,224)
```
#fdf2f1
```
#fdf2f1 rgb(253,242,241)
```

Tint Color Variation

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

#8a7a79
```
#8a7a79 rgb(138,122,121)
```
#94716f
```
#94716f rgb(148,113,111)
```
#9d6966
```
#9d6966 rgb(157,105,102)
```
#a7605c
```
#a7605c rgb(167,96,92)
```
#b15752
```
#b15752 rgb(177,87,82)
```
#ba4f49
```
#ba4f49 rgb(186,79,73)
```
#c4463f
```
#c4463f rgb(196,70,63)
```
#ce3d35
```
#ce3d35 rgb(206,61,53)
```
#d7352c
```
#d7352c rgb(215,53,44)
```
#e12c22
```
#e12c22 rgb(225,44,34)
```
#eb2318
```
#eb2318 rgb(235,35,24)
```
#f41b0f
```
#f41b0f rgb(244,27,15)
```
#fe1205
```
#fe1205 rgb(254,18,5)
```

Tone Color Variation

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

#616161 Achromatopsia 0.005% of the population
#7b5654 Atypical Achromatopsia 0.001% of the population

Dichromacy

#897c3e Protanopia 1% of men
#9b7617 Deuteranopia 1% of men
#e23536 Tritanopia 0.001% of the population

Trichromacy

#a95f33 Protanomaly 1% of men, 0.01% of women
#b45b1b Deuteranomaly 6% of men, 0.4% of women
#e2322e Tritanomaly 0.01% of the population

#e12c22 hex color

#e12c22 Color Information

#e12c22 Color Conversion

Color Schemes with #e12c22

Alternatives to #e12c22

#e12c22 Preview

Shades and Tints of #e12c22

Tones of #e12c22

Color Blindness Simulator