#e45486 hex color

In a RGB color space, hex #e45486 is composed of 89.4% red, 32.9% green and 52.5% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 63.2% magenta, 41.2% yellow and 10.6% black. It has a hue angle of 339.2 degrees, a saturation of 72.7% and a lightness of 61.2%. #e45486 color hex could be obtained by blending #ffa8ff with #c9000d. Closest websafe color is: #cc6699.

♥
- f
- t
- g
- R 89
- G 33
- B 53
RGB color chart
- C 0
- M 63
- Y 41
- K 11
CMYK color chart

● #e45486 color description : Soft pink.

The hexadecimal color #e45486 has RGB values of R:228, G:84, B:134 and CMYK values of C:0, M:0.63, Y:0.41, K:0.11. Its decimal value is 14963846.

Hex triplet	e45486	`#e45486`
RGB Decimal	228, 84, 134	`rgb(228,84,134)`
RGB Percent	89.4, 32.9, 52.5	`rgb(89.4%,32.9%,52.5%)`
CMYK	0, 63, 41, 11
HSL	339.2°, 72.7, 61.2	`hsl(339.2,72.7%,61.2%)`
HSV (or HSB)	339.2°, 63.2, 89.4
Web Safe	cc6699	`#cc6699`

CIE-LAB	56.644, 59.91, 2.43
XYZ	39.469, 24.559, 25.215
xyY	0.442, 0.275, 24.559
CIE-LCH	56.644, 59.959, 2.322
CIE-LUV	56.644, 94.759, -8.236
Hunter-Lab	49.558, 55.437, 4.523
Binary	11100100, 01010100, 10000110

#e45486
```
#e45486 rgb(228,84,134)
```
#54e4b2
```
#54e4b2 rgb(84,228,178)
```

Complementary Color

#e454ce
```
#e454ce rgb(228,84,206)
```
#e45486
```
#e45486 rgb(228,84,134)
```
#e46a54
```
#e46a54 rgb(228,106,84)
```

Analogous Color

#54cee4
```
#54cee4 rgb(84,206,228)
```
#e45486
```
#e45486 rgb(228,84,134)
```
#54e46a
```
#54e46a rgb(84,228,106)
```

Split Complementary Color

#5486e4
```
#5486e4 rgb(84,134,228)
```
#e45486
```
#e45486 rgb(228,84,134)
```
#86e454
```
#86e454 rgb(134,228,84)
```

Triadic Color

#b254e4
```
#b254e4 rgb(178,84,228)
```
#e45486
```
#e45486 rgb(228,84,134)
```
#86e454
```
#86e454 rgb(134,228,84)
```
#54e4b2
```
#54e4b2 rgb(84,228,178)
```

Tetradic Color

#cb205c
```
#cb205c rgb(203,32,92)
```
#dd2867
```
#dd2867 rgb(221,40,103)
```
#e13e76
```
#e13e76 rgb(225,62,118)
```
#e45486
```
#e45486 rgb(228,84,134)
```
#e76a96
```
#e76a96 rgb(231,106,150)
```
#eb80a5
```
#eb80a5 rgb(235,128,165)
```
#ee96b5
```
#ee96b5 rgb(238,150,181)
```

Monochromatic Color

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

#e454aa
```
#e454aa rgb(228,84,170)
```
#e4549e
```
#e4549e rgb(228,84,158)
```
#e45492
```
#e45492 rgb(228,84,146)
```
#e45486
```
#e45486 rgb(228,84,134)
```
#e4547a
```
#e4547a rgb(228,84,122)
```
#e4546e
```
#e4546e rgb(228,84,110)
```
#e45462
```
#e45462 rgb(228,84,98)
```

Similar Colors

Text with hexadecimal color #e45486

This text has a font color of #e45486.

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

#e45486 background color

This paragraph has a background color of #e45486.

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

#e45486 border color

This element has a border color of #e45486.

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

CSS codes

.text {color:#e45486;}

.background {background-color:#e45486;}

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

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

#0f0207
```
#0f0207 rgb(15,2,7)
```
#20050f
```
#20050f rgb(32,5,15)
```
#310816
```
#310816 rgb(49,8,22)
```
#420a1e
```
#420a1e rgb(66,10,30)
```
#530d25
```
#530d25 rgb(83,13,37)
```
#64102d
```
#64102d rgb(100,16,45)
```
#751235
```
#751235 rgb(117,18,53)
```
#86153c
```
#86153c rgb(134,21,60)
```
#971844
```
#971844 rgb(151,24,68)
```
#a81a4c
```
#a81a4c rgb(168,26,76)
```
#b91d53
```
#b91d53 rgb(185,29,83)
```
#ca205b
```
#ca205b rgb(202,32,91)
```
#db2362
```
#db2362 rgb(219,35,98)
```

Shade Color Variation

#df326e
```
#df326e rgb(223,50,110)
```
#e1437a
```
#e1437a rgb(225,67,122)
```
#e45486
```
#e45486 rgb(228,84,134)
```
#e76592
```
#e76592 rgb(231,101,146)
```
#e9769e
```
#e9769e rgb(233,118,158)
```
#ec87aa
```
#ec87aa rgb(236,135,170)
```
#ef98b6
```
#ef98b6 rgb(239,152,182)
```
#f1a9c2
```
#f1a9c2 rgb(241,169,194)
```
#f4bace
```
#f4bace rgb(244,186,206)
```
#f7cbda
```
#f7cbda rgb(247,203,218)
```
#f9dce6
```
#f9dce6 rgb(249,220,230)
```
#fcecf2
```
#fcecf2 rgb(252,236,242)
```
#fffdfe
```
#fffdfe rgb(255,253,254)
```

Tint Color Variation

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

#9f999b
```
#9f999b rgb(159,153,155)
```
#a79199
```
#a79199 rgb(167,145,153)
```
#af8996
```
#af8996 rgb(175,137,150)
```
#b68294
```
#b68294 rgb(182,130,148)
```
#be7a92
```
#be7a92 rgb(190,122,146)
```
#c6728f
```
#c6728f rgb(198,114,143)
```
#cd6b8d
```
#cd6b8d rgb(205,107,141)
```
#d5638b
```
#d5638b rgb(213,99,139)
```
#dc5c88
```
#dc5c88 rgb(220,92,136)
```
#e45486
```
#e45486 rgb(228,84,134)
```
#ec4c84
```
#ec4c84 rgb(236,76,132)
```
#f34581
```
#f34581 rgb(243,69,129)
```
#fb3d7f
```
#fb3d7f rgb(251,61,127)
```

Tone Color Variation

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

#858585 Achromatopsia 0.005% of the population
#987b85 Atypical Achromatopsia 0.001% of the population

Dichromacy

#888ca5 Protanopia 1% of men
#9f8982 Deuteranopia 1% of men
#e2646a Tritanopia 0.001% of the population

Trichromacy

#aa7899 Protanomaly 1% of men, 0.01% of women
#b87583 Deuteranomaly 6% of men, 0.4% of women
#e35e74 Tritanomaly 0.01% of the population

#e45486 hex color

#e45486 Color Information

#e45486 Color Conversion

Color Schemes with #e45486

Alternatives to #e45486

#e45486 Preview

Shades and Tints of #e45486

Tones of #e45486

Color Blindness Simulator