colorhexa.com

#e42245 hex color

In a RGB color space, hex #e42245 is composed of 89.4% red, 13.3% green and 27.1% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 85.1% magenta, 69.7% yellow and 10.6% black. It has a hue angle of 349.2 degrees, a saturation of 78.2% and a lightness of 51.4%. #e42245 color hex could be obtained by blending #ff448a with #c90000. Closest websafe color is: #cc3333.

- R 89
- G 13
- B 27
RGB color chart
- C 0
- M 85
- Y 70
- K 11
CMYK color chart

● #e42245 color description : Vivid red.

The hexadecimal color #e42245 has RGB values of R:228, G:34, B:69 and CMYK values of C:0, M:0.85, Y:0.7, K:0.11. Its decimal value is 14950981.

Hex triplet	e42245	`#e42245`
RGB Decimal	228, 34, 69	`rgb(228,34,69)`
RGB Percent	89.4, 13.3, 27.1	`rgb(89.4%,13.3%,27.1%)`
CMYK	0, 85, 70, 11
HSL	349.2°, 78.2, 51.4	`hsl(349.2,78.2%,51.4%)`
HSV (or HSB)	349.2°, 85.1, 89.4
Web Safe	cc3333	`#cc3333`

CIE-LAB	49.583, 71.002, 31.653
XYZ	33.643, 18.072, 7.347
xyY	0.57, 0.306, 18.072
CIE-LCH	49.583, 77.738, 24.027
CIE-LUV	49.583, 137.936, 18.963
Hunter-Lab	42.511, 66.868, 19.511
Binary	11100100, 00100010, 01000101

#e42245
```
#e42245 rgb(228,34,69)
```
#22e4c1
```
#22e4c1 rgb(34,228,193)
```

Complementary Color

#e422a6
```
#e422a6 rgb(228,34,166)
```
#e42245
```
#e42245 rgb(228,34,69)
```
#e46022
```
#e46022 rgb(228,96,34)
```

Analogous Color

#22a6e4
```
#22a6e4 rgb(34,166,228)
```
#e42245
```
#e42245 rgb(228,34,69)
```
#22e460
```
#22e460 rgb(34,228,96)
```

Split Complementary Color

#2245e4
```
#2245e4 rgb(34,69,228)
```
#e42245
```
#e42245 rgb(228,34,69)
```
#45e422
```
#45e422 rgb(69,228,34)
```

Triadic Color

#c122e4
```
#c122e4 rgb(193,34,228)
```
#e42245
```
#e42245 rgb(228,34,69)
```
#45e422
```
#45e422 rgb(69,228,34)
```
#22e4c1
```
#22e4c1 rgb(34,228,193)
```

Tetradic Color

#a5142e
```
#a5142e rgb(165,20,46)
```
#bc1735
```
#bc1735 rgb(188,23,53)
```
#d31a3b
```
#d31a3b rgb(211,26,59)
```
#e42245
```
#e42245 rgb(228,34,69)
```
#e73958
```
#e73958 rgb(231,57,88)
```
#ea4f6b
```
#ea4f6b rgb(234,79,107)
```
#ec667e
```
#ec667e rgb(236,102,126)
```

Monochromatic Color

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

#e42276
```
#e42276 rgb(228,34,118)
```
#e42265
```
#e42265 rgb(228,34,101)
```
#e42255
```
#e42255 rgb(228,34,85)
```
#e42245
```
#e42245 rgb(228,34,69)
```
#e42235
```
#e42235 rgb(228,34,53)
```
#e42225
```
#e42225 rgb(228,34,37)
```
#e42f22
```
#e42f22 rgb(228,47,34)
```

Similar Colors

Text with hexadecimal color #e42245

This text has a font color of #e42245.

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

#e42245 background color

This paragraph has a background color of #e42245.

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

#e42245 border color

This element has a border color of #e42245.

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

CSS codes

.text {color:#e42245;}

.background {background-color:#e42245;}

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

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

#060102
```
#060102 rgb(6,1,2)
```
#180307
```
#180307 rgb(24,3,7)
```
#29050c
```
#29050c rgb(41,5,12)
```
#3b0710
```
#3b0710 rgb(59,7,16)
```
#4c0915
```
#4c0915 rgb(76,9,21)
```
#5e0b1a
```
#5e0b1a rgb(94,11,26)
```
#6f0e1f
```
#6f0e1f rgb(111,14,31)
```
#811024
```
#811024 rgb(129,16,36)
```
#921229
```
#921229 rgb(146,18,41)
```
#a4142e
```
#a4142e rgb(164,20,46)
```
#b51633
```
#b51633 rgb(181,22,51)
```
#c71838
```
#c71838 rgb(199,24,56)
```
#d81a3d
```
#d81a3d rgb(216,26,61)
```

Shade Color Variation

#e42245
```
#e42245 rgb(228,34,69)
```
#e63354
```
#e63354 rgb(230,51,84)
```
#e84562
```
#e84562 rgb(232,69,98)
```
#ea5671
```
#ea5671 rgb(234,86,113)
```
#ed6880
```
#ed6880 rgb(237,104,128)
```
#ef798f
```
#ef798f rgb(239,121,143)
```
#f18b9d
```
#f18b9d rgb(241,139,157)
```
#f39cac
```
#f39cac rgb(243,156,172)
```
#f5aebb
```
#f5aebb rgb(245,174,187)
```
#f7bfc9
```
#f7bfc9 rgb(247,191,201)
```
#f9d1d8
```
#f9d1d8 rgb(249,209,216)
```
#fbe2e7
```
#fbe2e7 rgb(251,226,231)
```
#fef4f6
```
#fef4f6 rgb(254,244,246)
```

Tint Color Variation

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

#858182
```
#858182 rgb(133,129,130)
```
#8e787c
```
#8e787c rgb(142,120,124)
```
#986e76
```
#986e76 rgb(152,110,118)
```
#a16570
```
#a16570 rgb(161,101,112)
```
#ab5b6a
```
#ab5b6a rgb(171,91,106)
```
#b45263
```
#b45263 rgb(180,82,99)
```
#be485d
```
#be485d rgb(190,72,93)
```
#c73f57
```
#c73f57 rgb(199,63,87)
```
#d13551
```
#d13551 rgb(209,53,81)
```
#da2c4b
```
#da2c4b rgb(218,44,75)
```
#e42245
```
#e42245 rgb(228,34,69)
```
#ee183f
```
#ee183f rgb(238,24,63)
```
#f70f39
```
#f70f39 rgb(247,15,57)
```

Tone Color Variation

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

#606060 Achromatopsia 0.005% of the population
#7a545b Atypical Achromatopsia 0.001% of the population

Dichromacy

#837c68 Protanopia 1% of men
#987741 Deuteranopia 1% of men
#e43333 Tritanopia 0.001% of the population

Trichromacy

#a65b5b Protanomaly 1% of men, 0.01% of women
#b35843 Deuteranomaly 6% of men, 0.4% of women
#e42d3a Tritanomaly 0.01% of the population