#e31157 hex color

In a RGB color space, hex #e31157 is composed of 89% red, 6.7% green and 34.1% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 92.5% magenta, 61.7% yellow and 11% black. It has a hue angle of 340 degrees, a saturation of 86.1% and a lightness of 47.8%. #e31157 color hex could be obtained by blending #ff22ae with #c70000. Closest websafe color is: #cc0066.

♥
- f
- t
- g
- R 89
- G 7
- B 34
RGB color chart
- C 0
- M 93
- Y 62
- K 11
CMYK color chart

● #e31157 color description : Vivid pink.

The hexadecimal color #e31157 has RGB values of R:227, G:17, B:87 and CMYK values of C:0, M:0.93, Y:0.62, K:0.11. Its decimal value is 14881111.

Hex triplet	e31157	`#e31157`
RGB Decimal	227, 17, 87	`rgb(227,17,87)`
RGB Percent	89, 6.7, 34.1	`rgb(89%,6.7%,34.1%)`
CMYK	0, 93, 62, 11
HSL	340°, 86.1, 47.8	`hsl(340,86.1%,47.8%)`
HSV (or HSB)	340°, 92.5, 89
Web Safe	cc0066	`#cc0066`

CIE-LAB	48.79, 74.274, 19.672
XYZ	33.601, 17.424, 10.61
xyY	0.545, 0.283, 17.424
CIE-LCH	48.79, 76.835, 14.835
CIE-LUV	48.79, 135.379, 7.313
Hunter-Lab	41.742, 70.637, 14.149
Binary	11100011, 00010001, 01010111

#e31157
```
#e31157 rgb(227,17,87)
```
#11e39d
```
#11e39d rgb(17,227,157)
```

Complementary Color

#e311c0
```
#e311c0 rgb(227,17,192)
```
#e31157
```
#e31157 rgb(227,17,87)
```
#e33411
```
#e33411 rgb(227,52,17)
```

Analogous Color

#11c0e3
```
#11c0e3 rgb(17,192,227)
```
#e31157
```
#e31157 rgb(227,17,87)
```
#11e334
```
#11e334 rgb(17,227,52)
```

Split Complementary Color

#1157e3
```
#1157e3 rgb(17,87,227)
```
#e31157
```
#e31157 rgb(227,17,87)
```
#57e311
```
#57e311 rgb(87,227,17)
```

Triadic Color

#9d11e3
```
#9d11e3 rgb(157,17,227)
```
#e31157
```
#e31157 rgb(227,17,87)
```
#57e311
```
#57e311 rgb(87,227,17)
```
#11e39d
```
#11e39d rgb(17,227,157)
```

Tetradic Color

#9c0c3c
```
#9c0c3c rgb(156,12,60)
```
#b40d45
```
#b40d45 rgb(180,13,69)
```
#cb0f4e
```
#cb0f4e rgb(203,15,78)
```
#e31157
```
#e31157 rgb(227,17,87)
```
#ee1f64
```
#ee1f64 rgb(238,31,100)
```
#f03775
```
#f03775 rgb(240,55,117)
```
#f24f85
```
#f24f85 rgb(242,79,133)
```

Monochromatic Color

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

#e3118c
```
#e3118c rgb(227,17,140)
```
#e3117a
```
#e3117a rgb(227,17,122)
```
#e31169
```
#e31169 rgb(227,17,105)
```
#e31157
```
#e31157 rgb(227,17,87)
```
#e31145
```
#e31145 rgb(227,17,69)
```
#e31134
```
#e31134 rgb(227,17,52)
```
#e31122
```
#e31122 rgb(227,17,34)
```

Similar Colors

Text with hexadecimal color #e31157

This text has a font color of #e31157.

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

#e31157 background color

This paragraph has a background color of #e31157.

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

#e31157 border color

This element has a border color of #e31157.

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

CSS codes

.text {color:#e31157;}

.background {background-color:#e31157;}

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

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

#080103
```
#080103 rgb(8,1,3)
```
#1a020a
```
#1a020a rgb(26,2,10)
```
#2d0311
```
#2d0311 rgb(45,3,17)
```
#3f0518
```
#3f0518 rgb(63,5,24)
```
#51061f
```
#51061f rgb(81,6,31)
```
#630726
```
#630726 rgb(99,7,38)
```
#76092d
```
#76092d rgb(118,9,45)
```
#880a34
```
#880a34 rgb(136,10,52)
```
#9a0c3b
```
#9a0c3b rgb(154,12,59)
```
#ac0d42
```
#ac0d42 rgb(172,13,66)
```
#bf0e49
```
#bf0e49 rgb(191,14,73)
```
#d11050
```
#d11050 rgb(209,16,80)
```
#e31157
```
#e31157 rgb(227,17,87)
```

Shade Color Variation

#ee1a60
```
#ee1a60 rgb(238,26,96)
```
#ef2c6d
```
#ef2c6d rgb(239,44,109)
```
#f13e7a
```
#f13e7a rgb(241,62,122)
```
#f25186
```
#f25186 rgb(242,81,134)
```
#f36393
```
#f36393 rgb(243,99,147)
```
#f575a0
```
#f575a0 rgb(245,117,160)
```
#f687ac
```
#f687ac rgb(246,135,172)
```
#f79ab9
```
#f79ab9 rgb(247,154,185)
```
#f9acc5
```
#f9acc5 rgb(249,172,197)
```
#fabed2
```
#fabed2 rgb(250,190,210)
```
#fcd0df
```
#fcd0df rgb(252,208,223)
```
#fde3eb
```
#fde3eb rgb(253,227,235)
```
#fef5f8
```
#fef5f8 rgb(254,245,248)
```

Tint Color Variation

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

#7c7879
```
#7c7879 rgb(124,120,121)
```
#856f76
```
#856f76 rgb(133,111,118)
```
#8f6573
```
#8f6573 rgb(143,101,115)
```
#985c70
```
#985c70 rgb(152,92,112)
```
#a1536d
```
#a1536d rgb(161,83,109)
```
#ab496a
```
#ab496a rgb(171,73,106)
```
#b44067
```
#b44067 rgb(180,64,103)
```
#bd3764
```
#bd3764 rgb(189,55,100)
```
#c72d60
```
#c72d60 rgb(199,45,96)
```
#d0245d
```
#d0245d rgb(208,36,93)
```
#da1a5a
```
#da1a5a rgb(218,26,90)
```
#e31157
```
#e31157 rgb(227,17,87)
```
#ec0854
```
#ec0854 rgb(236,8,84)
```

Tone Color Variation

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

#585858 Achromatopsia 0.005% of the population
#744a58 Atypical Achromatopsia 0.001% of the population

Dichromacy

#7b7a80 Protanopia 1% of men
#927653 Deuteranopia 1% of men
#e22f2e Tritanopia 0.001% of the population

Trichromacy

#a15471 Protanomaly 1% of men, 0.01% of women
#b05154 Deuteranomaly 6% of men, 0.4% of women
#e2243d Tritanomaly 0.01% of the population

#e31157 hex color

#e31157 Color Information

#e31157 Color Conversion

Color Schemes with #e31157

Alternatives to #e31157

#e31157 Preview

Shades and Tints of #e31157

Tones of #e31157

Color Blindness Simulator