#e45a60 hex color

In a RGB color space, hex #e45a60 is composed of 89.4% red, 35.3% green and 37.6% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 60.5% magenta, 57.9% yellow and 10.6% black. It has a hue angle of 357.4 degrees, a saturation of 71.9% and a lightness of 62.4%. #e45a60 color hex could be obtained by blending #ffb4c0 with #c90000. Closest websafe color is: #cc6666.

♥
- f
- t
- g
- R 89
- G 35
- B 38
RGB color chart
- C 0
- M 61
- Y 58
- K 11
CMYK color chart

● #e45a60 color description : Soft red.

The hexadecimal color #e45a60 has RGB values of R:228, G:90, B:96 and CMYK values of C:0, M:0.61, Y:0.58, K:0.11. Its decimal value is 14965344.

Hex triplet	e45a60	`#e45a60`
RGB Decimal	228, 90, 96	`rgb(228,90,96)`
RGB Percent	89.4, 35.3, 37.6	`rgb(89.4%,35.3%,37.6%)`
CMYK	0, 61, 58, 11
HSL	357.4°, 71.9, 62.4	`hsl(357.4,71.9%,62.4%)`
HSV (or HSB)	357.4°, 60.5, 89.4
Web Safe	cc6666	`#cc6666`

CIE-LAB	56.737, 54.054, 24.86
XYZ	37.764, 24.655, 13.836
xyY	0.495, 0.323, 24.655
CIE-LCH	56.737, 59.497, 24.698
CIE-LUV	56.737, 102.168, 18.996
Hunter-Lab	49.653, 48.864, 18.236
Binary	11100100, 01011010, 01100000

#e45a60
```
#e45a60 rgb(228,90,96)
```
#5ae4de
```
#5ae4de rgb(90,228,222)
```

Complementary Color

#e45aa5
```
#e45aa5 rgb(228,90,165)
```
#e45a60
```
#e45a60 rgb(228,90,96)
```
#e4995a
```
#e4995a rgb(228,153,90)
```

Analogous Color

#5aa5e4
```
#5aa5e4 rgb(90,165,228)
```
#e45a60
```
#e45a60 rgb(228,90,96)
```
#5ae499
```
#5ae499 rgb(90,228,153)
```

Split Complementary Color

#5a60e4
```
#5a60e4 rgb(90,96,228)
```
#e45a60
```
#e45a60 rgb(228,90,96)
```
#60e45a
```
#60e45a rgb(96,228,90)
```

Triadic Color

#de5ae4
```
#de5ae4 rgb(222,90,228)
```
#e45a60
```
#e45a60 rgb(228,90,96)
```
#60e45a
```
#60e45a rgb(96,228,90)
```
#5ae4de
```
#5ae4de rgb(90,228,222)
```

Tetradic Color

#d0222a
```
#d0222a rgb(208,34,42)
```
#dd2e36
```
#dd2e36 rgb(221,46,54)
```
#e0444b
```
#e0444b rgb(224,68,75)
```
#e45a60
```
#e45a60 rgb(228,90,96)
```
#e87075
```
#e87075 rgb(232,112,117)
```
#eb868a
```
#eb868a rgb(235,134,138)
```
#ef9c9f
```
#ef9c9f rgb(239,156,159)
```

Monochromatic Color

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

#e45a83
```
#e45a83 rgb(228,90,131)
```
#e45a77
```
#e45a77 rgb(228,90,119)
```
#e45a6c
```
#e45a6c rgb(228,90,108)
```
#e45a60
```
#e45a60 rgb(228,90,96)
```
#e4605a
```
#e4605a rgb(228,96,90)
```
#e46b5a
```
#e46b5a rgb(228,107,90)
```
#e4775a
```
#e4775a rgb(228,119,90)
```

Similar Colors

Text with hexadecimal color #e45a60

This text has a font color of #e45a60.

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

#e45a60 background color

This paragraph has a background color of #e45a60.

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

#e45a60 border color

This element has a border color of #e45a60.

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

CSS codes

.text {color:#e45a60;}

.background {background-color:#e45a60;}

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

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

#040101
```
#040101 rgb(4,1,1)
```
#140304
```
#140304 rgb(20,3,4)
```
#250607
```
#250607 rgb(37,6,7)
```
#36090b
```
#36090b rgb(54,9,11)
```
#470c0e
```
#470c0e rgb(71,12,14)
```
#580e12
```
#580e12 rgb(88,14,18)
```
#691115
```
#691115 rgb(105,17,21)
```
#7a1418
```
#7a1418 rgb(122,20,24)
```
#8a171c
```
#8a171c rgb(138,23,28)
```
#9b191f
```
#9b191f rgb(155,25,31)
```
#ac1c22
```
#ac1c22 rgb(172,28,34)
```
#bd1f26
```
#bd1f26 rgb(189,31,38)
```
#ce2229
```
#ce2229 rgb(206,34,41)
```

Shade Color Variation

#dc272f
```
#dc272f rgb(220,39,47)
```
#de3840
```
#de3840 rgb(222,56,64)
```
#e14950
```
#e14950 rgb(225,73,80)
```
#e45a60
```
#e45a60 rgb(228,90,96)
```
#e76b70
```
#e76b70 rgb(231,107,112)
```
#ea7c80
```
#ea7c80 rgb(234,124,128)
```
#ec8d91
```
#ec8d91 rgb(236,141,145)
```
#ef9da1
```
#ef9da1 rgb(239,157,161)
```
#f2aeb1
```
#f2aeb1 rgb(242,174,177)
```
#f5bfc1
```
#f5bfc1 rgb(245,191,193)
```
#f7d0d2
```
#f7d0d2 rgb(247,208,210)
```
#fae1e2
```
#fae1e2 rgb(250,225,226)
```
#fdf2f2
```
#fdf2f2 rgb(253,242,242)
```

Tint Color Variation

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

#a29c9d
```
#a29c9d rgb(162,156,157)
```
#a99596
```
#a99596 rgb(169,149,150)
```
#b08e8f
```
#b08e8f rgb(176,142,143)
```
#b88688
```
#b88688 rgb(184,134,136)
```
#bf7f82
```
#bf7f82 rgb(191,127,130)
```
#c6787b
```
#c6787b rgb(198,120,123)
```
#ce7074
```
#ce7074 rgb(206,112,116)
```
#d5696d
```
#d5696d rgb(213,105,109)
```
#dd6167
```
#dd6167 rgb(221,97,103)
```
#e45a60
```
#e45a60 rgb(228,90,96)
```
#eb5359
```
#eb5359 rgb(235,83,89)
```
#f34b53
```
#f34b53 rgb(243,75,83)
```
#fa444c
```
#fa444c rgb(250,68,76)
```

Tone Color Variation

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

#848484 Achromatopsia 0.005% of the population
#977c7d Atypical Achromatopsia 0.001% of the population

Dichromacy

#958d79 Protanopia 1% of men
#a9885f Deuteranopia 1% of men
#e56268 Tritanopia 0.001% of the population

Trichromacy

#b27b70 Protanomaly 1% of men, 0.01% of women
#be775f Deuteranomaly 6% of men, 0.4% of women
#e45f65 Tritanomaly 0.01% of the population

#e45a60 hex color

#e45a60 Color Information

#e45a60 Color Conversion

Color Schemes with #e45a60

Alternatives to #e45a60

#e45a60 Preview

Shades and Tints of #e45a60

Tones of #e45a60

Color Blindness Simulator