#e54585 hex color

In a RGB color space, hex #e54585 is composed of 89.8% red, 27.1% green and 52.2% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 69.9% magenta, 41.9% yellow and 10.2% black. It has a hue angle of 336 degrees, a saturation of 75.5% and a lightness of 58.4%. #e54585 color hex could be obtained by blending #ff8aff with #cb000b. Closest websafe color is: #cc3399.

♥
- f
- t
- g
- R 90
- G 27
- B 52
RGB color chart
- C 0
- M 70
- Y 42
- K 10
CMYK color chart

● #e54585 color description : Soft pink.

The hexadecimal color #e54585 has RGB values of R:229, G:69, B:133 and CMYK values of C:0, M:0.7, Y:0.42, K:0.1. Its decimal value is 15025541.

Hex triplet	e54585	`#e54585`
RGB Decimal	229, 69, 133	`rgb(229,69,133)`
RGB Percent	89.8, 27.1, 52.2	`rgb(89.8%,27.1%,52.2%)`
CMYK	0, 70, 42, 10
HSL	336°, 75.5, 58.4	`hsl(336,75.5%,58.4%)`
HSV (or HSB)	336°, 69.9, 89.8
Web Safe	cc3399	`#cc3399`

CIE-LAB	54.67, 65.901, 0.171
XYZ	38.676, 22.612, 24.517
xyY	0.451, 0.264, 22.612
CIE-LCH	54.67, 65.902, 0.148
CIE-LUV	54.67, 102.967, -12.443
Hunter-Lab	47.552, 61.967, 2.717
Binary	11100101, 01000101, 10000101

#e54585
```
#e54585 rgb(229,69,133)
```
#45e5a5
```
#45e5a5 rgb(69,229,165)
```

Complementary Color

#e545d5
```
#e545d5 rgb(229,69,213)
```
#e54585
```
#e54585 rgb(229,69,133)
```
#e55545
```
#e55545 rgb(229,85,69)
```

Analogous Color

#45d5e5
```
#45d5e5 rgb(69,213,229)
```
#e54585
```
#e54585 rgb(229,69,133)
```
#45e555
```
#45e555 rgb(69,229,85)
```

Split Complementary Color

#4585e5
```
#4585e5 rgb(69,133,229)
```
#e54585
```
#e54585 rgb(229,69,133)
```
#85e545
```
#85e545 rgb(133,229,69)
```

Triadic Color

#a545e5
```
#a545e5 rgb(165,69,229)
```
#e54585
```
#e54585 rgb(229,69,133)
```
#85e545
```
#85e545 rgb(133,229,69)
```
#45e5a5
```
#45e5a5 rgb(69,229,165)
```

Tetradic Color

#c21b5e
```
#c21b5e rgb(194,27,94)
```
#d91e69
```
#d91e69 rgb(217,30,105)
```
#e22f76
```
#e22f76 rgb(226,47,118)
```
#e54585
```
#e54585 rgb(229,69,133)
```
#e85b94
```
#e85b94 rgb(232,91,148)
```
#eb72a2
```
#eb72a2 rgb(235,114,162)
```
#ee88b1
```
#ee88b1 rgb(238,136,177)
```

Monochromatic Color

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

#e545ad
```
#e545ad rgb(229,69,173)
```
#e545a0
```
#e545a0 rgb(229,69,160)
```
#e54592
```
#e54592 rgb(229,69,146)
```
#e54585
```
#e54585 rgb(229,69,133)
```
#e54578
```
#e54578 rgb(229,69,120)
```
#e5456a
```
#e5456a rgb(229,69,106)
```
#e5455d
```
#e5455d rgb(229,69,93)
```

Similar Colors

Text with hexadecimal color #e54585

This text has a font color of #e54585.

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

#e54585 background color

This paragraph has a background color of #e54585.

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

#e54585 border color

This element has a border color of #e54585.

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

CSS codes

.text {color:#e54585;}

.background {background-color:#e54585;}

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

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

#030002
```
#030002 rgb(3,0,2)
```
#15030a
```
#15030a rgb(21,3,10)
```
#260512
```
#260512 rgb(38,5,18)
```
#37081b
```
#37081b rgb(55,8,27)
```
#480a23
```
#480a23 rgb(72,10,35)
```
#590c2b
```
#590c2b rgb(89,12,43)
```
#6b0f34
```
#6b0f34 rgb(107,15,52)
```
#7c113c
```
#7c113c rgb(124,17,60)
```
#8d1444
```
#8d1444 rgb(141,20,68)
```
#9e164d
```
#9e164d rgb(158,22,77)
```
#af1955
```
#af1955 rgb(175,25,85)
```
#c11b5d
```
#c11b5d rgb(193,27,93)
```
#d21d66
```
#d21d66 rgb(210,29,102)
```

Shade Color Variation

#e0236e
```
#e0236e rgb(224,35,110)
```
#e3347a
```
#e3347a rgb(227,52,122)
```
#e54585
```
#e54585 rgb(229,69,133)
```
#e75690
```
#e75690 rgb(231,86,144)
```
#ea679c
```
#ea679c rgb(234,103,156)
```
#ec79a7
```
#ec79a7 rgb(236,121,167)
```
#ef8ab2
```
#ef8ab2 rgb(239,138,178)
```
#f19bbd
```
#f19bbd rgb(241,155,189)
```
#f3acc9
```
#f3acc9 rgb(243,172,201)
```
#f6bdd4
```
#f6bdd4 rgb(246,189,212)
```
#f8cfdf
```
#f8cfdf rgb(248,207,223)
```
#fbe0eb
```
#fbe0eb rgb(251,224,235)
```
#fdf1f6
```
#fdf1f6 rgb(253,241,246)
```

Tint Color Variation

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

#9c8e94
```
#9c8e94 rgb(156,142,148)
```
#a48692
```
#a48692 rgb(164,134,146)
```
#ac7e90
```
#ac7e90 rgb(172,126,144)
```
#b4768f
```
#b4768f rgb(180,118,143)
```
#bc6e8d
```
#bc6e8d rgb(188,110,141)
```
#c4668c
```
#c4668c rgb(196,102,140)
```
#cd5d8a
```
#cd5d8a rgb(205,93,138)
```
#d55588
```
#d55588 rgb(213,85,136)
```
#dd4d87
```
#dd4d87 rgb(221,77,135)
```
#e54585
```
#e54585 rgb(229,69,133)
```
#ed3d83
```
#ed3d83 rgb(237,61,131)
```
#f53582
```
#f53582 rgb(245,53,130)
```
#fd2d80
```
#fd2d80 rgb(253,45,128)
```

Tone Color Variation

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

#7c7c7c Achromatopsia 0.005% of the population
#91717e Atypical Achromatopsia 0.001% of the population

Dichromacy

#8087a9 Protanopia 1% of men
#998480 Deuteranopia 1% of men
#e3595e Tritanopia 0.001% of the population

Trichromacy

#a56f9c Protanomaly 1% of men, 0.01% of women
#b46d81 Deuteranomaly 6% of men, 0.4% of women
#e3526c Tritanomaly 0.01% of the population

#e54585 hex color

#e54585 Color Information

#e54585 Color Conversion

Color Schemes with #e54585

Alternatives to #e54585

#e54585 Preview

Shades and Tints of #e54585

Tones of #e54585

Color Blindness Simulator