#e54696 hex color

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

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

● #e54696 color description : Soft pink.

The hexadecimal color #e54696 has RGB values of R:229, G:70, B:150 and CMYK values of C:0, M:0.69, Y:0.34, K:0.1. Its decimal value is 15025814.

Hex triplet	e54696	`#e54696`
RGB Decimal	229, 70, 150	`rgb(229,70,150)`
RGB Percent	89.8, 27.5, 58.8	`rgb(89.8%,27.5%,58.8%)`
CMYK	0, 69, 34, 10
HSL	329.8°, 75.4, 58.6	`hsl(329.8,75.4%,58.6%)`
HSV (or HSB)	329.8°, 69.4, 89.8
Web Safe	cc3399	`#cc3399`

CIE-LAB	55.323, 67.296, -8.929
XYZ	40.009, 23.244, 31.232
xyY	0.423, 0.246, 23.244
CIE-LCH	55.323, 67.886, 352.442
CIE-LUV	55.323, 96.324, -24.919
Hunter-Lab	48.212, 63.758, -4.66
Binary	11100101, 01000110, 10010110

#e54696
```
#e54696 rgb(229,70,150)
```
#46e595
```
#46e595 rgb(70,229,149)
```

Complementary Color

#e546e5
```
#e546e5 rgb(229,70,229)
```
#e54696
```
#e54696 rgb(229,70,150)
```
#e54647
```
#e54647 rgb(229,70,71)
```

Analogous Color

#46e5e5
```
#46e5e5 rgb(70,229,229)
```
#e54696
```
#e54696 rgb(229,70,150)
```
#47e546
```
#47e546 rgb(71,229,70)
```

Split Complementary Color

#4696e5
```
#4696e5 rgb(70,150,229)
```
#e54696
```
#e54696 rgb(229,70,150)
```
#96e546
```
#96e546 rgb(150,229,70)
```

Triadic Color

#9546e5
```
#9546e5 rgb(149,70,229)
```
#e54696
```
#e54696 rgb(229,70,150)
```
#96e546
```
#96e546 rgb(150,229,70)
```
#46e595
```
#46e595 rgb(70,229,149)
```

Tetradic Color

#c31b70
```
#c31b70 rgb(195,27,112)
```
#d91f7d
```
#d91f7d rgb(217,31,125)
```
#e23089
```
#e23089 rgb(226,48,137)
```
#e54696
```
#e54696 rgb(229,70,150)
```
#e85ca3
```
#e85ca3 rgb(232,92,163)
```
#eb73af
```
#eb73af rgb(235,115,175)
```
#ee89bc
```
#ee89bc rgb(238,137,188)
```

Monochromatic Color

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

#e546be
```
#e546be rgb(229,70,190)
```
#e546b1
```
#e546b1 rgb(229,70,177)
```
#e546a3
```
#e546a3 rgb(229,70,163)
```
#e54696
```
#e54696 rgb(229,70,150)
```
#e54689
```
#e54689 rgb(229,70,137)
```
#e5467c
```
#e5467c rgb(229,70,124)
```
#e5466e
```
#e5466e rgb(229,70,110)
```

Similar Colors

Text with hexadecimal color #e54696

This text has a font color of #e54696.

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

#e54696 background color

This paragraph has a background color of #e54696.

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

#e54696 border color

This element has a border color of #e54696.

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

CSS codes

.text {color:#e54696;}

.background {background-color:#e54696;}

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

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 #fdf2f8 is the lightest one.

#040102
```
#040102 rgb(4,1,2)
```
#15030c
```
#15030c rgb(21,3,12)
```
#270516
```
#270516 rgb(39,5,22)
```
#380820
```
#380820 rgb(56,8,32)
```
#490a2a
```
#490a2a rgb(73,10,42)
```
#5a0d34
```
#5a0d34 rgb(90,13,52)
```
#6b0f3e
```
#6b0f3e rgb(107,15,62)
```
#7d1247
```
#7d1247 rgb(125,18,71)
```
#8e1451
```
#8e1451 rgb(142,20,81)
```
#9f165b
```
#9f165b rgb(159,22,91)
```
#b01965
```
#b01965 rgb(176,25,101)
```
#c11b6f
```
#c11b6f rgb(193,27,111)
```
#d31e79
```
#d31e79 rgb(211,30,121)
```

Shade Color Variation

#e02482
```
#e02482 rgb(224,36,130)
```
#e3358c
```
#e3358c rgb(227,53,140)
```
#e54696
```
#e54696 rgb(229,70,150)
```
#e757a0
```
#e757a0 rgb(231,87,160)
```
#ea68aa
```
#ea68aa rgb(234,104,170)
```
#ec7ab3
```
#ec7ab3 rgb(236,122,179)
```
#ef8bbd
```
#ef8bbd rgb(239,139,189)
```
#f19cc7
```
#f19cc7 rgb(241,156,199)
```
#f4add1
```
#f4add1 rgb(244,173,209)
```
#f6beda
```
#f6beda rgb(246,190,218)
```
#f8d0e4
```
#f8d0e4 rgb(248,208,228)
```
#fbe1ee
```
#fbe1ee rgb(251,225,238)
```
#fdf2f8
```
#fdf2f8 rgb(253,242,248)
```

Tint Color Variation

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

#9c8f96
```
#9c8f96 rgb(156,143,150)
```
#a48796
```
#a48796 rgb(164,135,150)
```
#ac7f96
```
#ac7f96 rgb(172,127,150)
```
#b47796
```
#b47796 rgb(180,119,150)
```
#bc6f96
```
#bc6f96 rgb(188,111,150)
```
#c56696
```
#c56696 rgb(197,102,150)
```
#cd5e96
```
#cd5e96 rgb(205,94,150)
```
#d55696
```
#d55696 rgb(213,86,150)
```
#dd4e96
```
#dd4e96 rgb(221,78,150)
```
#e54696
```
#e54696 rgb(229,70,150)
```
#ed3e96
```
#ed3e96 rgb(237,62,150)
```
#f53696
```
#f53696 rgb(245,54,150)
```
#fd2e96
```
#fd2e96 rgb(253,46,150)
```

Tone Color Variation

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

#7f7f7f Achromatopsia 0.005% of the population
#937484 Atypical Achromatopsia 0.001% of the population

Dichromacy

#7a89bc Protanopia 1% of men
#95868f Deuteranopia 1% of men
#e15e63 Tritanopia 0.001% of the population

Trichromacy

#a070ae Protanomaly 1% of men, 0.01% of women
#b26f91 Deuteranomaly 6% of men, 0.4% of women
#e35575 Tritanomaly 0.01% of the population

#e54696 hex color

#e54696 Color Information

#e54696 Color Conversion

Color Schemes with #e54696

Alternatives to #e54696

#e54696 Preview

Shades and Tints of #e54696

Tones of #e54696

Color Blindness Simulator