colorhexa.com

#e02235 hex color

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

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

● #e02235 color description : Bright red.

The hexadecimal color #e02235 has RGB values of R:224, G:34, B:53 and CMYK values of C:0, M:0.85, Y:0.76, K:0.12. Its decimal value is 14688821.

Hex triplet	e02235	`#e02235`
RGB Decimal	224, 34, 53	`rgb(224,34,53)`
RGB Percent	87.8, 13.3, 20.8	`rgb(87.8%,13.3%,20.8%)`
CMYK	0, 85, 76, 12
HSL	354°, 75.4, 50.6	`hsl(354,75.4%,50.6%)`
HSV (or HSB)	354°, 84.8, 87.8
Web Safe	cc3333	`#cc3333`

CIE-LAB	48.577, 69.331, 39.646
XYZ	31.957, 17.252, 5.015
xyY	0.589, 0.318, 17.252
CIE-LCH	48.577, 79.866, 29.762
CIE-LUV	48.577, 139.044, 24.905
Hunter-Lab	41.536, 64.645, 21.916
Binary	11100000, 00100010, 00110101

#e02235
```
#e02235 rgb(224,34,53)
```
#22e0cd
```
#22e0cd rgb(34,224,205)
```

Complementary Color

#e02294
```
#e02294 rgb(224,34,148)
```
#e02235
```
#e02235 rgb(224,34,53)
```
#e06e22
```
#e06e22 rgb(224,110,34)
```

Analogous Color

#2294e0
```
#2294e0 rgb(34,148,224)
```
#e02235
```
#e02235 rgb(224,34,53)
```
#22e06e
```
#22e06e rgb(34,224,110)
```

Split Complementary Color

#2235e0
```
#2235e0 rgb(34,53,224)
```
#e02235
```
#e02235 rgb(224,34,53)
```
#35e022
```
#35e022 rgb(53,224,34)
```

Triadic Color

#cd22e0
```
#cd22e0 rgb(205,34,224)
```
#e02235
```
#e02235 rgb(224,34,53)
```
#35e022
```
#35e022 rgb(53,224,34)
```
#22e0cd
```
#22e0cd rgb(34,224,205)
```

Tetradic Color

#9f1624
```
#9f1624 rgb(159,22,36)
```
#b61929
```
#b61929 rgb(182,25,41)
```
#cc1d2e
```
#cc1d2e rgb(204,29,46)
```
#e02235
```
#e02235 rgb(224,34,53)
```
#e33849
```
#e33849 rgb(227,56,73)
```
#e64f5e
```
#e64f5e rgb(230,79,94)
```
#e96572
```
#e96572 rgb(233,101,114)
```

Monochromatic Color

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

#e02265
```
#e02265 rgb(224,34,101)
```
#e02255
```
#e02255 rgb(224,34,85)
```
#e02245
```
#e02245 rgb(224,34,69)
```
#e02235
```
#e02235 rgb(224,34,53)
```
#e02225
```
#e02225 rgb(224,34,37)
```
#e02f22
```
#e02f22 rgb(224,47,34)
```
#e03f22
```
#e03f22 rgb(224,63,34)
```

Similar Colors

Text with hexadecimal color #e02235

This text has a font color of #e02235.

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

#e02235 background color

This paragraph has a background color of #e02235.

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

#e02235 border color

This element has a border color of #e02235.

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

CSS codes

.text {color:#e02235;}

.background {background-color:#e02235;}

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

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 #fdf0f2 is the lightest one.

#030001
```
#030001 rgb(3,0,1)
```
#140304
```
#140304 rgb(20,3,4)
```
#250508
```
#250508 rgb(37,5,8)
```
#36080c
```
#36080c rgb(54,8,12)
```
#470a10
```
#470a10 rgb(71,10,16)
```
#590c14
```
#590c14 rgb(89,12,20)
```
#6a0f18
```
#6a0f18 rgb(106,15,24)
```
#7b111c
```
#7b111c rgb(123,17,28)
```
#8c1420
```
#8c1420 rgb(140,20,32)
```
#9d1624
```
#9d1624 rgb(157,22,36)
```
#af1828
```
#af1828 rgb(175,24,40)
```
#c01b2b
```
#c01b2b rgb(192,27,43)
```
#d11d2f
```
#d11d2f rgb(209,29,47)
```

Shade Color Variation

#e02235
```
#e02235 rgb(224,34,53)
```
#e23345
```
#e23345 rgb(226,51,69)
```
#e54454
```
#e54454 rgb(229,68,84)
```
#e75664
```
#e75664 rgb(231,86,100)
```
#ea6774
```
#ea6774 rgb(234,103,116)
```
#ec7884
```
#ec7884 rgb(236,120,132)
```
#ee8993
```
#ee8993 rgb(238,137,147)
```
#f19aa3
```
#f19aa3 rgb(241,154,163)
```
#f3acb3
```
#f3acb3 rgb(243,172,179)
```
#f6bdc3
```
#f6bdc3 rgb(246,189,195)
```
#f8ced2
```
#f8ced2 rgb(248,206,210)
```
#fbdfe2
```
#fbdfe2 rgb(251,223,226)
```
#fdf0f2
```
#fdf0f2 rgb(253,240,242)
```

Tint Color Variation

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

#89797b
```
#89797b rgb(137,121,123)
```
#927073
```
#927073 rgb(146,112,115)
```
#9c666b
```
#9c666b rgb(156,102,107)
```
#a65c64
```
#a65c64 rgb(166,92,100)
```
#b0525c
```
#b0525c rgb(176,82,92)
```
#b94954
```
#b94954 rgb(185,73,84)
```
#c33f4c
```
#c33f4c rgb(195,63,76)
```
#cd3545
```
#cd3545 rgb(205,53,69)
```
#d62c3d
```
#d62c3d rgb(214,44,61)
```
#e02235
```
#e02235 rgb(224,34,53)
```
#ea182d
```
#ea182d rgb(234,24,45)
```
#f30f25
```
#f30f25 rgb(243,15,37)
```
#fd051e
```
#fd051e rgb(253,5,30)
```

Tone Color Variation

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

#5d5d5d Achromatopsia 0.005% of the population
#775155 Atypical Achromatopsia 0.001% of the population

Dichromacy

#847a54 Protanopia 1% of men
#977431 Deuteranopia 1% of men
#e13030 Tritanopia 0.001% of the population

Trichromacy

#a55a49 Protanomaly 1% of men, 0.01% of women
#b15632 Deuteranomaly 6% of men, 0.4% of women
#e02b31 Tritanomaly 0.01% of the population