#e12228 hex color

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

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

● #e12228 color description : Bright red.

The hexadecimal color #e12228 has RGB values of R:225, G:34, B:40 and CMYK values of C:0, M:0.85, Y:0.82, K:0.12. Its decimal value is 14754344.

Hex triplet	e12228	`#e12228`
RGB Decimal	225, 34, 40	`rgb(225,34,40)`
RGB Percent	88.2, 13.3, 15.7	`rgb(88.2%,13.3%,15.7%)`
CMYK	0, 85, 82, 12
HSL	358.1°, 76.1, 50.8	`hsl(358.1,76.1%,50.8%)`
HSV (or HSB)	358.1°, 84.9, 88.2
Web Safe	cc3333	`#cc3333`

CIE-LAB	48.647, 69.214, 46.896
XYZ	32.008, 17.309, 3.663
xyY	0.604, 0.327, 17.309
CIE-LCH	48.647, 83.605, 34.12
CIE-LUV	48.647, 142.434, 29.355
Hunter-Lab	41.604, 64.522, 23.903
Binary	11100001, 00100010, 00101000

#e12228
```
#e12228 rgb(225,34,40)
```
#22e1db
```
#22e1db rgb(34,225,219)
```

Complementary Color

#e12288
```
#e12288 rgb(225,34,136)
```
#e12228
```
#e12228 rgb(225,34,40)
```
#e17c22
```
#e17c22 rgb(225,124,34)
```

Analogous Color

#2288e1
```
#2288e1 rgb(34,136,225)
```
#e12228
```
#e12228 rgb(225,34,40)
```
#22e17c
```
#22e17c rgb(34,225,124)
```

Split Complementary Color

#2228e1
```
#2228e1 rgb(34,40,225)
```
#e12228
```
#e12228 rgb(225,34,40)
```
#28e122
```
#28e122 rgb(40,225,34)
```

Triadic Color

#db22e1
```
#db22e1 rgb(219,34,225)
```
#e12228
```
#e12228 rgb(225,34,40)
```
#28e122
```
#28e122 rgb(40,225,34)
```
#22e1db
```
#22e1db rgb(34,225,219)
```

Tetradic Color

#a1161a
```
#a1161a rgb(161,22,26)
```
#b7191e
```
#b7191e rgb(183,25,30)
```
#ce1c21
```
#ce1c21 rgb(206,28,33)
```
#e12228
```
#e12228 rgb(225,34,40)
```
#e4383e
```
#e4383e rgb(228,56,62)
```
#e74f54
```
#e74f54 rgb(231,79,84)
```
#ea656a
```
#ea656a rgb(234,101,106)
```

Monochromatic Color

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

#e12258
```
#e12258 rgb(225,34,88)
```
#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)
```

Similar Colors

Text with hexadecimal color #e12228

This text has a font color of #e12228.

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

#e12228 background color

This paragraph has a background color of #e12228.

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

#e12228 border color

This element has a border color of #e12228.

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

CSS codes

.text {color:#e12228;}

.background {background-color:#e12228;}

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

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

#040001
```
#040001 rgb(4,0,1)
```
#150303
```
#150303 rgb(21,3,3)
```
#260506
```
#260506 rgb(38,5,6)
```
#370809
```
#370809 rgb(55,8,9)
```
#490a0c
```
#490a0c rgb(73,10,12)
```
#5a0c0f
```
#5a0c0f rgb(90,12,15)
```
#6b0f11
```
#6b0f11 rgb(107,15,17)
```
#7c1114
```
#7c1114 rgb(124,17,20)
```
#8e1317
```
#8e1317 rgb(142,19,23)
```
#9f161a
```
#9f161a rgb(159,22,26)
```
#b0181d
```
#b0181d rgb(176,24,29)
```
#c21a20
```
#c21a20 rgb(194,26,32)
```
#d31d22
```
#d31d22 rgb(211,29,34)
```

Shade Color Variation

#e12228
```
#e12228 rgb(225,34,40)
```
#e33339
```
#e33339 rgb(227,51,57)
```
#e6454a
```
#e6454a rgb(230,69,74)
```
#e8565a
```
#e8565a rgb(232,86,90)
```
#ea676b
```
#ea676b rgb(234,103,107)
```
#ed787c
```
#ed787c rgb(237,120,124)
```
#ef8a8d
```
#ef8a8d rgb(239,138,141)
```
#f19b9e
```
#f19b9e rgb(241,155,158)
```
#f4acae
```
#f4acae rgb(244,172,174)
```
#f6bdbf
```
#f6bdbf rgb(246,189,191)
```
#f8cfd0
```
#f8cfd0 rgb(248,207,208)
```
#fbe0e1
```
#fbe0e1 rgb(251,224,225)
```
#fdf1f2
```
#fdf1f2 rgb(253,241,242)
```

Tint Color Variation

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

#8a7979
```
#8a7979 rgb(138,121,121)
```
#946f70
```
#946f70 rgb(148,111,112)
```
#9d6667
```
#9d6667 rgb(157,102,103)
```
#a75c5e
```
#a75c5e rgb(167,92,94)
```
#b15255
```
#b15255 rgb(177,82,85)
```
#ba494c
```
#ba494c rgb(186,73,76)
```
#c43f43
```
#c43f43 rgb(196,63,67)
```
#ce353a
```
#ce353a rgb(206,53,58)
```
#d72c31
```
#d72c31 rgb(215,44,49)
```
#e12228
```
#e12228 rgb(225,34,40)
```
#eb181f
```
#eb181f rgb(235,24,31)
```
#f40f16
```
#f40f16 rgb(244,15,22)
```
#fe050d
```
#fe050d rgb(254,5,13)
```

Tone Color Variation

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

#5c5c5c Achromatopsia 0.005% of the population
#775052 Atypical Achromatopsia 0.001% of the population

Dichromacy

#867a46 Protanopia 1% of men
#987420 Deuteranopia 1% of men
#e22e2d Tritanopia 0.001% of the population

Trichromacy

#a75a3b Protanomaly 1% of men, 0.01% of women
#b35623 Deuteranomaly 6% of men, 0.4% of women
#e1292b Tritanomaly 0.01% of the population

#e12228 hex color

#e12228 Color Information

#e12228 Color Conversion

Color Schemes with #e12228

Alternatives to #e12228

#e12228 Preview

Shades and Tints of #e12228

Tones of #e12228

Color Blindness Simulator