#e31457 hex color

In a RGB color space, hex #e31457 is composed of 89% red, 7.8% green and 34.1% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 91.2% magenta, 61.7% yellow and 11% black. It has a hue angle of 340.6 degrees, a saturation of 83.8% and a lightness of 48.4%. #e31457 color hex could be obtained by blending #ff28ae with #c70000. Closest websafe color is: #cc0066.

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

● #e31457 color description : Vivid pink.

The hexadecimal color #e31457 has RGB values of R:227, G:20, B:87 and CMYK values of C:0, M:0.91, Y:0.62, K:0.11. Its decimal value is 14881879.

Hex triplet	e31457	`#e31457`
RGB Decimal	227, 20, 87	`rgb(227,20,87)`
RGB Percent	89, 7.8, 34.1	`rgb(89%,7.8%,34.1%)`
CMYK	0, 91, 62, 11
HSL	340.6°, 83.8, 48.4	`hsl(340.6,83.8%,48.4%)`
HSV (or HSB)	340.6°, 91.2, 89
Web Safe	cc0066	`#cc0066`

CIE-LAB	48.913, 73.919, 19.836
XYZ	33.65, 17.523, 10.627
xyY	0.544, 0.284, 17.523
CIE-LCH	48.913, 76.534, 15.022
CIE-LUV	48.913, 134.838, 7.586
Hunter-Lab	41.861, 70.233, 14.251
Binary	11100011, 00010100, 01010111

#e31457
```
#e31457 rgb(227,20,87)
```
#14e3a0
```
#14e3a0 rgb(20,227,160)
```

Complementary Color

#e314bf
```
#e314bf rgb(227,20,191)
```
#e31457
```
#e31457 rgb(227,20,87)
```
#e33914
```
#e33914 rgb(227,57,20)
```

Analogous Color

#14bfe3
```
#14bfe3 rgb(20,191,227)
```
#e31457
```
#e31457 rgb(227,20,87)
```
#14e339
```
#14e339 rgb(20,227,57)
```

Split Complementary Color

#1457e3
```
#1457e3 rgb(20,87,227)
```
#e31457
```
#e31457 rgb(227,20,87)
```
#57e314
```
#57e314 rgb(87,227,20)
```

Triadic Color

#a014e3
```
#a014e3 rgb(160,20,227)
```
#e31457
```
#e31457 rgb(227,20,87)
```
#57e314
```
#57e314 rgb(87,227,20)
```
#14e3a0
```
#14e3a0 rgb(20,227,160)
```

Tetradic Color

#9d0e3c
```
#9d0e3c rgb(157,14,60)
```
#b41045
```
#b41045 rgb(180,16,69)
```
#cc124e
```
#cc124e rgb(204,18,78)
```
#e31457
```
#e31457 rgb(227,20,87)
```
#ec2565
```
#ec2565 rgb(236,37,101)
```
#ee3c76
```
#ee3c76 rgb(238,60,118)
```
#f05486
```
#f05486 rgb(240,84,134)
```

Monochromatic Color

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

#e3148b
```
#e3148b rgb(227,20,139)
```
#e3147a
```
#e3147a rgb(227,20,122)
```
#e31468
```
#e31468 rgb(227,20,104)
```
#e31457
```
#e31457 rgb(227,20,87)
```
#e31446
```
#e31446 rgb(227,20,70)
```
#e31434
```
#e31434 rgb(227,20,52)
```
#e31423
```
#e31423 rgb(227,20,35)
```

Similar Colors

Text with hexadecimal color #e31457

This text has a font color of #e31457.

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

#e31457 background color

This paragraph has a background color of #e31457.

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

#e31457 border color

This element has a border color of #e31457.

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

CSS codes

.text {color:#e31457;}

.background {background-color:#e31457;}

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

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

#0b0104
```
#0b0104 rgb(11,1,4)
```
#1d030b
```
#1d030b rgb(29,3,11)
```
#2f0412
```
#2f0412 rgb(47,4,18)
```
#410619
```
#410619 rgb(65,6,25)
```
#530720
```
#530720 rgb(83,7,32)
```
#650927
```
#650927 rgb(101,9,39)
```
#770a2e
```
#770a2e rgb(119,10,46)
```
#890c34
```
#890c34 rgb(137,12,52)
```
#9b0e3b
```
#9b0e3b rgb(155,14,59)
```
#ad0f42
```
#ad0f42 rgb(173,15,66)
```
#bf1149
```
#bf1149 rgb(191,17,73)
```
#d11250
```
#d11250 rgb(209,18,80)
```
#e31457
```
#e31457 rgb(227,20,87)
```

Shade Color Variation

#eb1f61
```
#eb1f61 rgb(235,31,97)
```
#ed316e
```
#ed316e rgb(237,49,110)
```
#ee437b
```
#ee437b rgb(238,67,123)
```
#f05587
```
#f05587 rgb(240,85,135)
```
#f26794
```
#f26794 rgb(242,103,148)
```
#f379a1
```
#f379a1 rgb(243,121,161)
```
#f58bae
```
#f58bae rgb(245,139,174)
```
#f69eba
```
#f69eba rgb(246,158,186)
```
#f8b0c7
```
#f8b0c7 rgb(248,176,199)
```
#fac2d4
```
#fac2d4 rgb(250,194,212)
```
#fbd4e0
```
#fbd4e0 rgb(251,212,224)
```
#fde6ed
```
#fde6ed rgb(253,230,237)
```
#fef8fa
```
#fef8fa rgb(254,248,250)
```

Tint Color Variation

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

#847379
```
#847379 rgb(132,115,121)
```
#8e6a75
```
#8e6a75 rgb(142,106,117)
```
#976072
```
#976072 rgb(151,96,114)
```
#a1576e
```
#a1576e rgb(161,87,110)
```
#aa4d6b
```
#aa4d6b rgb(170,77,107)
```
#b44468
```
#b44468 rgb(180,68,104)
```
#bd3a64
```
#bd3a64 rgb(189,58,100)
```
#c73161
```
#c73161 rgb(199,49,97)
```
#d0275e
```
#d0275e rgb(208,39,94)
```
#da1e5a
```
#da1e5a rgb(218,30,90)
```
#e31457
```
#e31457 rgb(227,20,87)
```
#ed0b54
```
#ed0b54 rgb(237,11,84)
```
#f60150
```
#f60150 rgb(246,1,80)
```

Tone Color Variation

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

#5a5a5a Achromatopsia 0.005% of the population
#754c59 Atypical Achromatopsia 0.001% of the population

Dichromacy

#7c7a7f Protanopia 1% of men
#937653 Deuteranopia 1% of men
#e23030 Tritanopia 0.001% of the population

Trichromacy

#a15570 Protanomaly 1% of men, 0.01% of women
#b05254 Deuteranomaly 6% of men, 0.4% of women
#e2263e Tritanomaly 0.01% of the population

#e31457 hex color

#e31457 Color Information

#e31457 Color Conversion

Color Schemes with #e31457

Alternatives to #e31457

#e31457 Preview

Shades and Tints of #e31457

Tones of #e31457

Color Blindness Simulator