#e31d99 hex color

In a RGB color space, hex #e31d99 is composed of 89% red, 11.4% green and 60% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 87.2% magenta, 32.6% yellow and 11% black. It has a hue angle of 322.4 degrees, a saturation of 78% and a lightness of 50.2%. #e31d99 color hex could be obtained by blending #ff3aff with #c70033. Closest websafe color is: #cc3399.

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

● #e31d99 color description : Vivid pink.

The hexadecimal color #e31d99 has RGB values of R:227, G:29, B:153 and CMYK values of C:0, M:0.87, Y:0.33, K:0.11. Its decimal value is 14884249.

Hex triplet	e31d99	`#e31d99`
RGB Decimal	227, 29, 153	`rgb(227,29,153)`
RGB Percent	89, 11.4, 60	`rgb(89%,11.4%,60%)`
CMYK	0, 87, 33, 11
HSL	322.4°, 78, 50.2	`hsl(322.4,78%,50.2%)`
HSV (or HSB)	322.4°, 87.2, 89
Web Safe	cc3399	`#cc3399`

CIE-LAB	51.282, 77.906, -16.84
XYZ	37.868, 19.513, 31.908
xyY	0.424, 0.219, 19.513
CIE-LCH	51.282, 79.705, 347.803
CIE-LUV	51.282, 104.993, -37.576
Hunter-Lab	44.174, 75.716, -11.904
Binary	11100011, 00011101, 10011001

#e31d99
```
#e31d99 rgb(227,29,153)
```
#1de367
```
#1de367 rgb(29,227,103)
```

Complementary Color

#ca1de3
```
#ca1de3 rgb(202,29,227)
```
#e31d99
```
#e31d99 rgb(227,29,153)
```
#e31d36
```
#e31d36 rgb(227,29,54)
```

Analogous Color

#1de3ca
```
#1de3ca rgb(29,227,202)
```
#e31d99
```
#e31d99 rgb(227,29,153)
```
#36e31d
```
#36e31d rgb(54,227,29)
```

Split Complementary Color

#1d99e3
```
#1d99e3 rgb(29,153,227)
```
#e31d99
```
#e31d99 rgb(227,29,153)
```
#99e31d
```
#99e31d rgb(153,227,29)
```

Triadic Color

#671de3
```
#671de3 rgb(103,29,227)
```
#e31d99
```
#e31d99 rgb(227,29,153)
```
#99e31d
```
#99e31d rgb(153,227,29)
```
#1de367
```
#1de367 rgb(29,227,103)
```

Tetradic Color

#a0146b
```
#a0146b rgb(160,20,107)
```
#b6177b
```
#b6177b rgb(182,23,123)
```
#cd198a
```
#cd198a rgb(205,25,138)
```
#e31d99
```
#e31d99 rgb(227,29,153)
```
#e634a3
```
#e634a3 rgb(230,52,163)
```
#e94aad
```
#e94aad rgb(233,74,173)
```
#eb61b8
```
#eb61b8 rgb(235,97,184)
```

Monochromatic Color

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

#e31dcb
```
#e31dcb rgb(227,29,203)
```
#e31dba
```
#e31dba rgb(227,29,186)
```
#e31daa
```
#e31daa rgb(227,29,170)
```
#e31d99
```
#e31d99 rgb(227,29,153)
```
#e31d89
```
#e31d89 rgb(227,29,137)
```
#e31d78
```
#e31d78 rgb(227,29,120)
```
#e31d68
```
#e31d68 rgb(227,29,104)
```

Similar Colors

Text with hexadecimal color #e31d99

This text has a font color of #e31d99.

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

#e31d99 background color

This paragraph has a background color of #e31d99.

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

#e31d99 border color

This element has a border color of #e31d99.

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

CSS codes

.text {color:#e31d99;}

.background {background-color:#e31d99;}

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

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

#010001
```
#010001 rgb(1,0,1)
```
#12020c
```
#12020c rgb(18,2,12)
```
#240418
```
#240418 rgb(36,4,24)
```
#350724
```
#350724 rgb(53,7,36)
```
#470930
```
#470930 rgb(71,9,48)
```
#580b3b
```
#580b3b rgb(88,11,59)
```
#6a0d47
```
#6a0d47 rgb(106,13,71)
```
#7b0f53
```
#7b0f53 rgb(123,15,83)
```
#8d115f
```
#8d115f rgb(141,17,95)
```
#9e146a
```
#9e146a rgb(158,20,106)
```
#af1676
```
#af1676 rgb(175,22,118)
```
#c11882
```
#c11882 rgb(193,24,130)
```
#d21a8d
```
#d21a8d rgb(210,26,141)
```

Shade Color Variation

#e31d99
```
#e31d99 rgb(227,29,153)
```
#e52ea1
```
#e52ea1 rgb(229,46,161)
```
#e740a9
```
#e740a9 rgb(231,64,169)
```
#e951b1
```
#e951b1 rgb(233,81,177)
```
#ec63b9
```
#ec63b9 rgb(236,99,185)
```
#ee74c0
```
#ee74c0 rgb(238,116,192)
```
#f086c8
```
#f086c8 rgb(240,134,200)
```
#f297d0
```
#f297d0 rgb(242,151,208)
```
#f4a9d8
```
#f4a9d8 rgb(244,169,216)
```
#f6bae0
```
#f6bae0 rgb(246,186,224)
```
#f9cce8
```
#f9cce8 rgb(249,204,232)
```
#fbddf0
```
#fbddf0 rgb(251,221,240)
```
#fdeef8
```
#fdeef8 rgb(253,238,248)
```

Tint Color Variation

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

#817f80
```
#817f80 rgb(129,127,128)
```
#8b7583
```
#8b7583 rgb(139,117,131)
```
#956b85
```
#956b85 rgb(149,107,133)
```
#9f6188
```
#9f6188 rgb(159,97,136)
```
#a8588a
```
#a8588a rgb(168,88,138)
```
#b24e8d
```
#b24e8d rgb(178,78,141)
```
#bc448f
```
#bc448f rgb(188,68,143)
```
#c63a92
```
#c63a92 rgb(198,58,146)
```
#cf3194
```
#cf3194 rgb(207,49,148)
```
#d92797
```
#d92797 rgb(217,39,151)
```
#e31d99
```
#e31d99 rgb(227,29,153)
```
#ed139b
```
#ed139b rgb(237,19,155)
```
#f7099e
```
#f7099e rgb(247,9,158)
```

Tone Color Variation

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

#666666 Achromatopsia 0.005% of the population
#7f5770 Atypical Achromatopsia 0.001% of the population

Dichromacy

#5d7ecd Protanopia 1% of men
#857d8f Deuteranopia 1% of men
#de4a4d Tritanopia 0.001% of the population

Trichromacy

#8d5bba Protanomaly 1% of men, 0.01% of women
#a75a92 Deuteranomaly 6% of men, 0.4% of women
#e03969 Tritanomaly 0.01% of the population

#e31d99 hex color

#e31d99 Color Information

#e31d99 Color Conversion

Color Schemes with #e31d99

Alternatives to #e31d99

#e31d99 Preview

Shades and Tints of #e31d99

Tones of #e31d99

Color Blindness Simulator