#e54d96 hex color

In a RGB color space, hex #e54d96 is composed of 89.8% red, 30.2% green and 58.8% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 66.4% magenta, 34.5% yellow and 10.2% black. It has a hue angle of 331.2 degrees, a saturation of 74.5% and a lightness of 60%. #e54d96 color hex could be obtained by blending #ff9aff with #cb002d. Closest websafe color is: #cc6699.

♥
- f
- t
- g
- R 90
- G 30
- B 59
RGB color chart
- C 0
- M 66
- Y 34
- K 10
CMYK color chart

● #e54d96 color description : Soft pink.

The hexadecimal color #e54d96 has RGB values of R:229, G:77, B:150 and CMYK values of C:0, M:0.66, Y:0.34, K:0.1. Its decimal value is 15027606.

Hex triplet	e54d96	`#e54d96`
RGB Decimal	229, 77, 150	`rgb(229,77,150)`
RGB Percent	89.8, 30.2, 58.8	`rgb(89.8%,30.2%,58.8%)`
CMYK	0, 66, 34, 10
HSL	331.2°, 74.5, 60	`hsl(331.2,74.5%,60%)`
HSV (or HSB)	331.2°, 66.4, 89.8
Web Safe	cc6699	`#cc6699`

CIE-LAB	56.259, 64.703, -7.532
XYZ	40.473, 24.171, 31.387
xyY	0.421, 0.252, 24.171
CIE-LCH	56.259, 65.14, 353.36
CIE-LUV	56.259, 93.441, -22.529
Hunter-Lab	49.164, 60.905, -3.436
Binary	11100101, 01001101, 10010110

#e54d96
```
#e54d96 rgb(229,77,150)
```
#4de59c
```
#4de59c rgb(77,229,156)
```

Complementary Color

#e54de2
```
#e54de2 rgb(229,77,226)
```
#e54d96
```
#e54d96 rgb(229,77,150)
```
#e5504d
```
#e5504d rgb(229,80,77)
```

Analogous Color

#4de2e5
```
#4de2e5 rgb(77,226,229)
```
#e54d96
```
#e54d96 rgb(229,77,150)
```
#4de550
```
#4de550 rgb(77,229,80)
```

Split Complementary Color

#4d96e5
```
#4d96e5 rgb(77,150,229)
```
#e54d96
```
#e54d96 rgb(229,77,150)
```
#96e54d
```
#96e54d rgb(150,229,77)
```

Triadic Color

#9c4de5
```
#9c4de5 rgb(156,77,229)
```
#e54d96
```
#e54d96 rgb(229,77,150)
```
#96e54d
```
#96e54d rgb(150,229,77)
```
#4de59c
```
#4de59c rgb(77,229,156)
```

Tetradic Color

#c81d6f
```
#c81d6f rgb(200,29,111)
```
#df217c
```
#df217c rgb(223,33,124)
```
#e23789
```
#e23789 rgb(226,55,137)
```
#e54d96
```
#e54d96 rgb(229,77,150)
```
#e863a3
```
#e863a3 rgb(232,99,163)
```
#ec7ab0
```
#ec7ab0 rgb(236,122,176)
```
#ef90bd
```
#ef90bd rgb(239,144,189)
```

Monochromatic Color

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

#e54dbc
```
#e54dbc rgb(229,77,188)
```
#e54daf
```
#e54daf rgb(229,77,175)
```
#e54da3
```
#e54da3 rgb(229,77,163)
```
#e54d96
```
#e54d96 rgb(229,77,150)
```
#e54d89
```
#e54d89 rgb(229,77,137)
```
#e54d7d
```
#e54d7d rgb(229,77,125)
```
#e54d70
```
#e54d70 rgb(229,77,112)
```

Similar Colors

Text with hexadecimal color #e54d96

This text has a font color of #e54d96.

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

#e54d96 background color

This paragraph has a background color of #e54d96.

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

#e54d96 border color

This element has a border color of #e54d96.

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

CSS codes

.text {color:#e54d96;}

.background {background-color:#e54d96;}

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

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, #0a0106 is the darkest color, while #fef8fb is the lightest one.

#0a0106
```
#0a0106 rgb(10,1,6)
```
#1b040f
```
#1b040f rgb(27,4,15)
```
#2d0619
```
#2d0619 rgb(45,6,25)
```
#3e0922
```
#3e0922 rgb(62,9,34)
```
#4f0c2c
```
#4f0c2c rgb(79,12,44)
```
#600e35
```
#600e35 rgb(96,14,53)
```
#71113f
```
#71113f rgb(113,17,63)
```
#821348
```
#821348 rgb(130,19,72)
```
#931652
```
#931652 rgb(147,22,82)
```
#a4185b
```
#a4185b rgb(164,24,91)
```
#b51b65
```
#b51b65 rgb(181,27,101)
```
#c71d6e
```
#c71d6e rgb(199,29,110)
```
#d82078
```
#d82078 rgb(216,32,120)
```

Shade Color Variation

#e02b82
```
#e02b82 rgb(224,43,130)
```
#e33c8c
```
#e33c8c rgb(227,60,140)
```
#e54d96
```
#e54d96 rgb(229,77,150)
```
#e85ea0
```
#e85ea0 rgb(232,94,160)
```
#ea6faa
```
#ea6faa rgb(234,111,170)
```
#ed80b4
```
#ed80b4 rgb(237,128,180)
```
#ef91be
```
#ef91be rgb(239,145,190)
```
#f2a3c8
```
#f2a3c8 rgb(242,163,200)
```
#f4b4d3
```
#f4b4d3 rgb(244,180,211)
```
#f7c5dd
```
#f7c5dd rgb(247,197,221)
```
#f9d6e7
```
#f9d6e7 rgb(249,214,231)
```
#fce7f1
```
#fce7f1 rgb(252,231,241)
```
#fef8fb
```
#fef8fb rgb(254,248,251)
```

Tint Color Variation

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

#9e9499
```
#9e9499 rgb(158,148,153)
```
#a68c98
```
#a68c98 rgb(166,140,152)
```
#ae8498
```
#ae8498 rgb(174,132,152)
```
#b67c98
```
#b67c98 rgb(182,124,152)
```
#be7498
```
#be7498 rgb(190,116,152)
```
#c66c97
```
#c66c97 rgb(198,108,151)
```
#cd6597
```
#cd6597 rgb(205,101,151)
```
#d55d97
```
#d55d97 rgb(213,93,151)
```
#dd5596
```
#dd5596 rgb(221,85,150)
```
#e54d96
```
#e54d96 rgb(229,77,150)
```
#ed4596
```
#ed4596 rgb(237,69,150)
```
#f53d95
```
#f53d95 rgb(245,61,149)
```
#fd3595
```
#fd3595 rgb(253,53,149)
```

Tone Color Variation

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

#838383 Achromatopsia 0.005% of the population
#977887 Atypical Achromatopsia 0.001% of the population

Dichromacy

#7e8bb9 Protanopia 1% of men
#988990 Deuteranopia 1% of men
#e26268 Tritanopia 0.001% of the population

Trichromacy

#a474ac Protanomaly 1% of men, 0.01% of women
#b47392 Deuteranomaly 6% of men, 0.4% of women
#e35a79 Tritanomaly 0.01% of the population

#e54d96 hex color

#e54d96 Color Information

#e54d96 Color Conversion

Color Schemes with #e54d96

Alternatives to #e54d96

#e54d96 Preview

Shades and Tints of #e54d96

Tones of #e54d96

Color Blindness Simulator