#e21418 hex color

In a RGB color space, hex #e21418 is composed of 88.6% red, 7.8% green and 9.4% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 91.2% magenta, 89.4% yellow and 11.4% black. It has a hue angle of 358.8 degrees, a saturation of 83.7% and a lightness of 48.2%. #e21418 color hex could be obtained by blending #ff2830 with #c50000. Closest websafe color is: #cc0000.

♥
- f
- t
- g
- R 89
- G 8
- B 9
RGB color chart
- C 0
- M 91
- Y 89
- K 11
CMYK color chart

● #e21418 color description : Vivid red.

The hexadecimal color #e21418 has RGB values of R:226, G:20, B:24 and CMYK values of C:0, M:0.91, Y:0.89, K:0.11. Its decimal value is 14816280.

Hex triplet	e21418	`#e21418`
RGB Decimal	226, 20, 24	`rgb(226,20,24)`
RGB Percent	88.6, 7.8, 9.4	`rgb(88.6%,7.8%,9.4%)`
CMYK	0, 91, 89, 11
HSL	358.8°, 83.7, 48.2	`hsl(358.8,83.7%,48.2%)`
HSV (or HSB)	358.8°, 91.2, 88.6
Web Safe	cc0000	`#cc0000`

CIE-LAB	47.93, 71.48, 53.978
XYZ	31.781, 16.739, 2.422
xyY	0.624, 0.329, 16.739
CIE-LCH	47.93, 89.571, 37.058
CIE-LUV	47.93, 149.736, 31.725
Hunter-Lab	40.914, 67.056, 25.13
Binary	11100010, 00010100, 00011000

#e21418
```
#e21418 rgb(226,20,24)
```
#14e2de
```
#14e2de rgb(20,226,222)
```

Complementary Color

#e2147f
```
#e2147f rgb(226,20,127)
```
#e21418
```
#e21418 rgb(226,20,24)
```
#e27714
```
#e27714 rgb(226,119,20)
```

Analogous Color

#147fe2
```
#147fe2 rgb(20,127,226)
```
#e21418
```
#e21418 rgb(226,20,24)
```
#14e277
```
#14e277 rgb(20,226,119)
```

Split Complementary Color

#1418e2
```
#1418e2 rgb(20,24,226)
```
#e21418
```
#e21418 rgb(226,20,24)
```
#18e214
```
#18e214 rgb(24,226,20)
```

Triadic Color

#de14e2
```
#de14e2 rgb(222,20,226)
```
#e21418
```
#e21418 rgb(226,20,24)
```
#18e214
```
#18e214 rgb(24,226,20)
```
#14e2de
```
#14e2de rgb(20,226,222)
```

Tetradic Color

#9c0e11
```
#9c0e11 rgb(156,14,17)
```
#b31013
```
#b31013 rgb(179,16,19)
```
#cb1216
```
#cb1216 rgb(203,18,22)
```
#e21418
```
#e21418 rgb(226,20,24)
```
#ec2428
```
#ec2428 rgb(236,36,40)
```
#ee3b3f
```
#ee3b3f rgb(238,59,63)
```
#f05356
```
#f05356 rgb(240,83,86)
```

Monochromatic Color

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

#e2144b
```
#e2144b rgb(226,20,75)
```
#e2143a
```
#e2143a rgb(226,20,58)
```
#e21429
```
#e21429 rgb(226,20,41)
```
#e21418
```
#e21418 rgb(226,20,24)
```
#e22114
```
#e22114 rgb(226,33,20)
```
#e23214
```
#e23214 rgb(226,50,20)
```
#e24414
```
#e24414 rgb(226,68,20)
```

Similar Colors

Text with hexadecimal color #e21418

This text has a font color of #e21418.

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

#e21418 background color

This paragraph has a background color of #e21418.

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

#e21418 border color

This element has a border color of #e21418.

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

CSS codes

.text {color:#e21418;}

.background {background-color:#e21418;}

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

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, #0a0101 is the darkest color, while #fef7f7 is the lightest one.

#0a0101
```
#0a0101 rgb(10,1,1)
```
#1c0203
```
#1c0203 rgb(28,2,3)
```
#2e0405
```
#2e0405 rgb(46,4,5)
```
#400607
```
#400607 rgb(64,6,7)
```
#520709
```
#520709 rgb(82,7,9)
```
#64090b
```
#64090b rgb(100,9,11)
```
#760a0d
```
#760a0d rgb(118,10,13)
```
#880c0e
```
#880c0e rgb(136,12,14)
```
#9a0e10
```
#9a0e10 rgb(154,14,16)
```
#ac0f12
```
#ac0f12 rgb(172,15,18)
```
#be1114
```
#be1114 rgb(190,17,20)
```
#d01216
```
#d01216 rgb(208,18,22)
```
#e21418
```
#e21418 rgb(226,20,24)
```

Shade Color Variation

#eb1e22
```
#eb1e22 rgb(235,30,34)
```
#ed3134
```
#ed3134 rgb(237,49,52)
```
#ee4346
```
#ee4346 rgb(238,67,70)
```
#f05558
```
#f05558 rgb(240,85,88)
```
#f26769
```
#f26769 rgb(242,103,105)
```
#f3797b
```
#f3797b rgb(243,121,123)
```
#f58b8d
```
#f58b8d rgb(245,139,141)
```
#f69d9e
```
#f69d9e rgb(246,157,158)
```
#f8afb0
```
#f8afb0 rgb(248,175,176)
```
#f9c1c2
```
#f9c1c2 rgb(249,193,194)
```
#fbd3d3
```
#fbd3d3 rgb(251,211,211)
```
#fde5e5
```
#fde5e5 rgb(253,229,229)
```
#fef7f7
```
#fef7f7 rgb(254,247,247)
```

Tint Color Variation

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

#837373
```
#837373 rgb(131,115,115)
```
#8d696a
```
#8d696a rgb(141,105,106)
```
#966061
```
#966061 rgb(150,96,97)
```
#a05658
```
#a05658 rgb(160,86,88)
```
#a94d4f
```
#a94d4f rgb(169,77,79)
```
#b34345
```
#b34345 rgb(179,67,69)
```
#bc3a3c
```
#bc3a3c rgb(188,58,60)
```
#c63033
```
#c63033 rgb(198,48,51)
```
#cf272a
```
#cf272a rgb(207,39,42)
```
#d91d21
```
#d91d21 rgb(217,29,33)
```
#e21418
```
#e21418 rgb(226,20,24)
```
#eb0b0f
```
#eb0b0f rgb(235,11,15)
```
#f50106
```
#f50106 rgb(245,1,6)
```

Tone Color Variation

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

#525252 Achromatopsia 0.005% of the population
#6f4646 Atypical Achromatopsia 0.001% of the population

Dichromacy

#867935 Protanopia 1% of men
#977300 Deuteranopia 1% of men
#e3211c Tritanopia 0.001% of the population

Trichromacy

#a7542b Protanomaly 1% of men, 0.01% of women
#b25008 Deuteranomaly 6% of men, 0.4% of women
#e21c1a Tritanomaly 0.01% of the population

#e21418 hex color

#e21418 Color Information

#e21418 Color Conversion

Color Schemes with #e21418

Alternatives to #e21418

#e21418 Preview

Shades and Tints of #e21418

Tones of #e21418

Color Blindness Simulator