colorhexa.com

#e02242 hex color

In a RGB color space, hex #e02242 is composed of 87.8% red, 13.3% green and 25.9% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 84.8% magenta, 70.5% yellow and 12.2% black. It has a hue angle of 349.9 degrees, a saturation of 75.4% and a lightness of 50.6%. #e02242 color hex could be obtained by blending #ff4484 with #c10000. Closest websafe color is: #cc3333.

- R 88
- G 13
- B 26
RGB color chart
- C 0
- M 85
- Y 71
- K 12
CMYK color chart

● #e02242 color description : Bright red.

The hexadecimal color #e02242 has RGB values of R:224, G:34, B:66 and CMYK values of C:0, M:0.85, Y:0.71, K:0.12. Its decimal value is 14688834.

Hex triplet	e02242	`#e02242`
RGB Decimal	224, 34, 66	`rgb(224,34,66)`
RGB Percent	87.8, 13.3, 25.9	`rgb(87.8%,13.3%,25.9%)`
CMYK	0, 85, 71, 12
HSL	349.9°, 75.4, 50.6	`hsl(349.9,75.4%,50.6%)`
HSV (or HSB)	349.9°, 84.8, 87.8
Web Safe	cc3333	`#cc3333`

CIE-LAB	48.746, 69.832, 32.243
XYZ	32.297, 17.389, 6.81
xyY	0.572, 0.308, 17.389
CIE-LCH	48.746, 76.916, 24.784
CIE-LUV	48.746, 135.721, 19.499
Hunter-Lab	41.7, 65.278, 19.508
Binary	11100000, 00100010, 01000010

#e02242
```
#e02242 rgb(224,34,66)
```
#22e0c0
```
#22e0c0 rgb(34,224,192)
```

Complementary Color

#e022a1
```
#e022a1 rgb(224,34,161)
```
#e02242
```
#e02242 rgb(224,34,66)
```
#e06122
```
#e06122 rgb(224,97,34)
```

Analogous Color

#22a1e0
```
#22a1e0 rgb(34,161,224)
```
#e02242
```
#e02242 rgb(224,34,66)
```
#22e061
```
#22e061 rgb(34,224,97)
```

Split Complementary Color

#2242e0
```
#2242e0 rgb(34,66,224)
```
#e02242
```
#e02242 rgb(224,34,66)
```
#42e022
```
#42e022 rgb(66,224,34)
```

Triadic Color

#c022e0
```
#c022e0 rgb(192,34,224)
```
#e02242
```
#e02242 rgb(224,34,66)
```
#42e022
```
#42e022 rgb(66,224,34)
```
#22e0c0
```
#22e0c0 rgb(34,224,192)
```

Tetradic Color

#9f162d
```
#9f162d rgb(159,22,45)
```
#b61934
```
#b61934 rgb(182,25,52)
```
#cc1d3a
```
#cc1d3a rgb(204,29,58)
```
#e02242
```
#e02242 rgb(224,34,66)
```
#e33855
```
#e33855 rgb(227,56,85)
```
#e64f68
```
#e64f68 rgb(230,79,104)
```
#e9657b
```
#e9657b rgb(233,101,123)
```

Monochromatic Color

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

#e02272
```
#e02272 rgb(224,34,114)
```
#e02262
```
#e02262 rgb(224,34,98)
```
#e02252
```
#e02252 rgb(224,34,82)
```
#e02242
```
#e02242 rgb(224,34,66)
```
#e02232
```
#e02232 rgb(224,34,50)
```
#e02222
```
#e02222 rgb(224,34,34)
```
#e03222
```
#e03222 rgb(224,50,34)
```

Similar Colors

Text with hexadecimal color #e02242

This text has a font color of #e02242.

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

#e02242 background color

This paragraph has a background color of #e02242.

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

#e02242 border color

This element has a border color of #e02242.

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

CSS codes

.text {color:#e02242;}

.background {background-color:#e02242;}

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

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

#030001
```
#030001 rgb(3,0,1)
```
#140306
```
#140306 rgb(20,3,6)
```
#25050b
```
#25050b rgb(37,5,11)
```
#36080f
```
#36080f rgb(54,8,15)
```
#470a14
```
#470a14 rgb(71,10,20)
```
#590c19
```
#590c19 rgb(89,12,25)
```
#6a0f1e
```
#6a0f1e rgb(106,15,30)
```
#7b1123
```
#7b1123 rgb(123,17,35)
```
#8c1428
```
#8c1428 rgb(140,20,40)
```
#9d162d
```
#9d162d rgb(157,22,45)
```
#af1832
```
#af1832 rgb(175,24,50)
```
#c01b37
```
#c01b37 rgb(192,27,55)
```
#d11d3c
```
#d11d3c rgb(209,29,60)
```

Shade Color Variation

#e02242
```
#e02242 rgb(224,34,66)
```
#e23351
```
#e23351 rgb(226,51,81)
```
#e5445f
```
#e5445f rgb(229,68,95)
```
#e7566e
```
#e7566e rgb(231,86,110)
```
#ea677d
```
#ea677d rgb(234,103,125)
```
#ec788c
```
#ec788c rgb(236,120,140)
```
#ee899a
```
#ee899a rgb(238,137,154)
```
#f19aa9
```
#f19aa9 rgb(241,154,169)
```
#f3acb8
```
#f3acb8 rgb(243,172,184)
```
#f6bdc6
```
#f6bdc6 rgb(246,189,198)
```
#f8ced5
```
#f8ced5 rgb(248,206,213)
```
#fbdfe4
```
#fbdfe4 rgb(251,223,228)
```
#fdf0f3
```
#fdf0f3 rgb(253,240,243)
```

Tint Color Variation

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

#89797c
```
#89797c rgb(137,121,124)
```
#927075
```
#927075 rgb(146,112,117)
```
#9c666f
```
#9c666f rgb(156,102,111)
```
#a65c69
```
#a65c69 rgb(166,92,105)
```
#b05262
```
#b05262 rgb(176,82,98)
```
#b9495c
```
#b9495c rgb(185,73,92)
```
#c33f55
```
#c33f55 rgb(195,63,85)
```
#cd354f
```
#cd354f rgb(205,53,79)
```
#d62c48
```
#d62c48 rgb(214,44,72)
```
#e02242
```
#e02242 rgb(224,34,66)
```
#ea183c
```
#ea183c rgb(234,24,60)
```
#f30f35
```
#f30f35 rgb(243,15,53)
```
#fd052f
```
#fd052f rgb(253,5,47)
```

Tone Color Variation

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

#5e5e5e Achromatopsia 0.005% of the population
#785258 Atypical Achromatopsia 0.001% of the population

Dichromacy

#827a64 Protanopia 1% of men
#96753f Deuteranopia 1% of men
#e03333 Tritanopia 0.001% of the population

Trichromacy

#a45a57 Protanomaly 1% of men, 0.01% of women
#b15740 Deuteranomaly 6% of men, 0.4% of women
#e02c38 Tritanomaly 0.01% of the population