#e54693 hex color

In a RGB color space, hex #e54693 is composed of 89.8% red, 27.5% green and 57.6% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 69.4% magenta, 35.8% yellow and 10.2% black. It has a hue angle of 330.9 degrees, a saturation of 75.4% and a lightness of 58.6%. #e54693 color hex could be obtained by blending #ff8cff with #cb0027. Closest websafe color is: #cc3399.

♥
- f
- t
- g
- R 90
- G 27
- B 58
RGB color chart
- C 0
- M 69
- Y 36
- K 10
CMYK color chart

● #e54693 color description : Soft pink.

The hexadecimal color #e54693 has RGB values of R:229, G:70, B:147 and CMYK values of C:0, M:0.69, Y:0.36, K:0.1. Its decimal value is 15025811.

Hex triplet	e54693	`#e54693`
RGB Decimal	229, 70, 147	`rgb(229,70,147)`
RGB Percent	89.8, 27.5, 57.6	`rgb(89.8%,27.5%,57.6%)`
CMYK	0, 69, 36, 10
HSL	330.9°, 75.4, 58.6	`hsl(330.9,75.4%,58.6%)`
HSV (or HSB)	330.9°, 69.4, 89.8
Web Safe	cc3399	`#cc3399`

CIE-LAB	55.225, 66.971, -7.305
XYZ	39.77, 23.149, 29.976
xyY	0.428, 0.249, 23.149
CIE-LCH	55.225, 67.369, 353.775
CIE-LUV	55.225, 97.434, -22.617
Hunter-Lab	48.113, 63.351, -3.26
Binary	11100101, 01000110, 10010011

#e54693
```
#e54693 rgb(229,70,147)
```
#46e598
```
#46e598 rgb(70,229,152)
```

Complementary Color

#e546e3
```
#e546e3 rgb(229,70,227)
```
#e54693
```
#e54693 rgb(229,70,147)
```
#e54846
```
#e54846 rgb(229,72,70)
```

Analogous Color

#46e3e5
```
#46e3e5 rgb(70,227,229)
```
#e54693
```
#e54693 rgb(229,70,147)
```
#46e548
```
#46e548 rgb(70,229,72)
```

Split Complementary Color

#4693e5
```
#4693e5 rgb(70,147,229)
```
#e54693
```
#e54693 rgb(229,70,147)
```
#93e546
```
#93e546 rgb(147,229,70)
```

Triadic Color

#9846e5
```
#9846e5 rgb(152,70,229)
```
#e54693
```
#e54693 rgb(229,70,147)
```
#93e546
```
#93e546 rgb(147,229,70)
```
#46e598
```
#46e598 rgb(70,229,152)
```

Tetradic Color

#c31b6d
```
#c31b6d rgb(195,27,109)
```
#d91f79
```
#d91f79 rgb(217,31,121)
```
#e23086
```
#e23086 rgb(226,48,134)
```
#e54693
```
#e54693 rgb(229,70,147)
```
#e85ca0
```
#e85ca0 rgb(232,92,160)
```
#eb73ad
```
#eb73ad rgb(235,115,173)
```
#ee89ba
```
#ee89ba rgb(238,137,186)
```

Monochromatic Color

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

#e546bb
```
#e546bb rgb(229,70,187)
```
#e546ae
```
#e546ae rgb(229,70,174)
```
#e546a0
```
#e546a0 rgb(229,70,160)
```
#e54693
```
#e54693 rgb(229,70,147)
```
#e54686
```
#e54686 rgb(229,70,134)
```
#e54679
```
#e54679 rgb(229,70,121)
```
#e5466b
```
#e5466b rgb(229,70,107)
```

Similar Colors

Text with hexadecimal color #e54693

This text has a font color of #e54693.

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

#e54693 background color

This paragraph has a background color of #e54693.

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

#e54693 border color

This element has a border color of #e54693.

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

CSS codes

.text {color:#e54693;}

.background {background-color:#e54693;}

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

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

#040102
```
#040102 rgb(4,1,2)
```
#15030c
```
#15030c rgb(21,3,12)
```
#270515
```
#270515 rgb(39,5,21)
```
#38081f
```
#38081f rgb(56,8,31)
```
#490a29
```
#490a29 rgb(73,10,41)
```
#5a0d32
```
#5a0d32 rgb(90,13,50)
```
#6b0f3c
```
#6b0f3c rgb(107,15,60)
```
#7d1245
```
#7d1245 rgb(125,18,69)
```
#8e144f
```
#8e144f rgb(142,20,79)
```
#9f1659
```
#9f1659 rgb(159,22,89)
```
#b01962
```
#b01962 rgb(176,25,98)
```
#c11b6c
```
#c11b6c rgb(193,27,108)
```
#d31e75
```
#d31e75 rgb(211,30,117)
```

Shade Color Variation

#e0247f
```
#e0247f rgb(224,36,127)
```
#e33589
```
#e33589 rgb(227,53,137)
```
#e54693
```
#e54693 rgb(229,70,147)
```
#e7579d
```
#e7579d rgb(231,87,157)
```
#ea68a7
```
#ea68a7 rgb(234,104,167)
```
#ec7ab1
```
#ec7ab1 rgb(236,122,177)
```
#ef8bbb
```
#ef8bbb rgb(239,139,187)
```
#f19cc5
```
#f19cc5 rgb(241,156,197)
```
#f4adcf
```
#f4adcf rgb(244,173,207)
```
#f6bed9
```
#f6bed9 rgb(246,190,217)
```
#f8d0e3
```
#f8d0e3 rgb(248,208,227)
```
#fbe1ed
```
#fbe1ed rgb(251,225,237)
```
#fdf2f7
```
#fdf2f7 rgb(253,242,247)
```

Tint Color Variation

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

#9c8f95
```
#9c8f95 rgb(156,143,149)
```
#a48795
```
#a48795 rgb(164,135,149)
```
#ac7f95
```
#ac7f95 rgb(172,127,149)
```
#b47795
```
#b47795 rgb(180,119,149)
```
#bc6f94
```
#bc6f94 rgb(188,111,148)
```
#c56694
```
#c56694 rgb(197,102,148)
```
#cd5e94
```
#cd5e94 rgb(205,94,148)
```
#d55694
```
#d55694 rgb(213,86,148)
```
#dd4e93
```
#dd4e93 rgb(221,78,147)
```
#e54693
```
#e54693 rgb(229,70,147)
```
#ed3e93
```
#ed3e93 rgb(237,62,147)
```
#f53692
```
#f53692 rgb(245,54,146)
```
#fd2e92
```
#fd2e92 rgb(253,46,146)
```

Tone Color Variation

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

#7e7e7e Achromatopsia 0.005% of the population
#937382 Atypical Achromatopsia 0.001% of the population

Dichromacy

#7b88b9 Protanopia 1% of men
#96868c Deuteranopia 1% of men
#e25d62 Tritanopia 0.001% of the population

Trichromacy

#a170ab Protanomaly 1% of men, 0.01% of women
#b26f8f Deuteranomaly 6% of men, 0.4% of women
#e35574 Tritanomaly 0.01% of the population

#e54693 hex color

#e54693 Color Information

#e54693 Color Conversion

Color Schemes with #e54693

Alternatives to #e54693

#e54693 Preview

Shades and Tints of #e54693

Tones of #e54693

Color Blindness Simulator