#e42d45 hex color

In a RGB color space, hex #e42d45 is composed of 89.4% red, 17.6% green and 27.1% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 80.3% magenta, 69.7% yellow and 10.6% black. It has a hue angle of 352.1 degrees, a saturation of 77.2% and a lightness of 53.5%. #e42d45 color hex could be obtained by blending #ff5a8a with #c90000. Closest websafe color is: #cc3333.

♥
- f
- t
- g
- R 89
- G 18
- B 27
RGB color chart
- C 0
- M 80
- Y 70
- K 11
CMYK color chart

● #e42d45 color description : Bright red.

The hexadecimal color #e42d45 has RGB values of R:228, G:45, B:69 and CMYK values of C:0, M:0.8, Y:0.7, K:0.11. Its decimal value is 14953797.

Hex triplet	e42d45	`#e42d45`
RGB Decimal	228, 45, 69	`rgb(228,45,69)`
RGB Percent	89.4, 17.6, 27.1	`rgb(89.4%,17.6%,27.1%)`
CMYK	0, 80, 70, 11
HSL	352.1°, 77.2, 53.5	`hsl(352.1,77.2%,53.5%)`
HSV (or HSB)	352.1°, 80.3, 89.4
Web Safe	cc3333	`#cc3333`

CIE-LAB	50.458, 68.512, 32.712
XYZ	34.009, 18.805, 7.469
xyY	0.564, 0.312, 18.805
CIE-LCH	50.458, 75.92, 25.523
CIE-LUV	50.458, 133.852, 20.768
Hunter-Lab	43.364, 64.104, 20.143
Binary	11100100, 00101101, 01000101

#e42d45
```
#e42d45 rgb(228,45,69)
```
#2de4cc
```
#2de4cc rgb(45,228,204)
```

Complementary Color

#e42da1
```
#e42da1 rgb(228,45,161)
```
#e42d45
```
#e42d45 rgb(228,45,69)
```
#e4712d
```
#e4712d rgb(228,113,45)
```

Analogous Color

#2da1e4
```
#2da1e4 rgb(45,161,228)
```
#e42d45
```
#e42d45 rgb(228,45,69)
```
#2de471
```
#2de471 rgb(45,228,113)
```

Split Complementary Color

#2d45e4
```
#2d45e4 rgb(45,69,228)
```
#e42d45
```
#e42d45 rgb(228,45,69)
```
#45e42d
```
#45e42d rgb(69,228,45)
```

Triadic Color

#cc2de4
```
#cc2de4 rgb(204,45,228)
```
#e42d45
```
#e42d45 rgb(228,45,69)
```
#45e42d
```
#45e42d rgb(69,228,45)
```
#2de4cc
```
#2de4cc rgb(45,228,204)
```

Tetradic Color

#ae162a
```
#ae162a rgb(174,22,42)
```
#c51930
```
#c51930 rgb(197,25,48)
```
#db1c35
```
#db1c35 rgb(219,28,53)
```
#e42d45
```
#e42d45 rgb(228,45,69)
```
#e74459
```
#e74459 rgb(231,68,89)
```
#ea5a6d
```
#ea5a6d rgb(234,90,109)
```
#ed7181
```
#ed7181 rgb(237,113,129)
```

Monochromatic Color

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

#e42d73
```
#e42d73 rgb(228,45,115)
```
#e42d64
```
#e42d64 rgb(228,45,100)
```
#e42d54
```
#e42d54 rgb(228,45,84)
```
#e42d45
```
#e42d45 rgb(228,45,69)
```
#e42d36
```
#e42d36 rgb(228,45,54)
```
#e4342d
```
#e4342d rgb(228,52,45)
```
#e4432d
```
#e4432d rgb(228,67,45)
```

Similar Colors

Text with hexadecimal color #e42d45

This text has a font color of #e42d45.

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

#e42d45 background color

This paragraph has a background color of #e42d45.

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

#e42d45 border color

This element has a border color of #e42d45.

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

CSS codes

.text {color:#e42d45;}

.background {background-color:#e42d45;}

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

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

#100204
```
#100204 rgb(16,2,4)
```
#210408
```
#210408 rgb(33,4,8)
```
#33070c
```
#33070c rgb(51,7,12)
```
#440911
```
#440911 rgb(68,9,17)
```
#550b15
```
#550b15 rgb(85,11,21)
```
#670d19
```
#670d19 rgb(103,13,25)
```
#780f1d
```
#780f1d rgb(120,15,29)
```
#8a1221
```
#8a1221 rgb(138,18,33)
```
#9b1426
```
#9b1426 rgb(155,20,38)
```
#ac162a
```
#ac162a rgb(172,22,42)
```
#be182e
```
#be182e rgb(190,24,46)
```
#cf1b32
```
#cf1b32 rgb(207,27,50)
```
#e11d37
```
#e11d37 rgb(225,29,55)
```

Shade Color Variation

#e42d45
```
#e42d45 rgb(228,45,69)
```
#e63e54
```
#e63e54 rgb(230,62,84)
```
#e85064
```
#e85064 rgb(232,80,100)
```
#eb6173
```
#eb6173 rgb(235,97,115)
```
#ed7383
```
#ed7383 rgb(237,115,131)
```
#ef8492
```
#ef8492 rgb(239,132,146)
```
#f195a1
```
#f195a1 rgb(241,149,161)
```
#f4a7b1
```
#f4a7b1 rgb(244,167,177)
```
#f6b8c0
```
#f6b8c0 rgb(246,184,192)
```
#f8c9d0
```
#f8c9d0 rgb(248,201,208)
```
#fadbdf
```
#fadbdf rgb(250,219,223)
```
#fdecee
```
#fdecee rgb(253,236,238)
```
#fffefe
```
#fffefe rgb(255,254,254)
```

Tint Color Variation

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

#898888
```
#898888 rgb(137,136,136)
```
#927f82
```
#927f82 rgb(146,127,130)
```
#9b767b
```
#9b767b rgb(155,118,123)
```
#a46d74
```
#a46d74 rgb(164,109,116)
```
#ad646d
```
#ad646d rgb(173,100,109)
```
#b65b67
```
#b65b67 rgb(182,91,103)
```
#c05160
```
#c05160 rgb(192,81,96)
```
#c94859
```
#c94859 rgb(201,72,89)
```
#d23f52
```
#d23f52 rgb(210,63,82)
```
#db364c
```
#db364c rgb(219,54,76)
```
#e42d45
```
#e42d45 rgb(228,45,69)
```
#ed243e
```
#ed243e rgb(237,36,62)
```
#f61b38
```
#f61b38 rgb(246,27,56)
```

Tone Color Variation

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

#666666 Achromatopsia 0.005% of the population
#7f5b5f Atypical Achromatopsia 0.001% of the population

Dichromacy

#867e65 Protanopia 1% of men
#9b7942 Deuteranopia 1% of men
#e43b3c Tritanopia 0.001% of the population

Trichromacy

#a86159 Protanomaly 1% of men, 0.01% of women
#b55d43 Deuteranomaly 6% of men, 0.4% of women
#e4363f Tritanomaly 0.01% of the population

#e42d45 hex color

#e42d45 Color Information

#e42d45 Color Conversion

Color Schemes with #e42d45

Alternatives to #e42d45

#e42d45 Preview

Shades and Tints of #e42d45

Tones of #e42d45

Color Blindness Simulator