#e31ab4 hex color

In a RGB color space, hex #e31ab4 is composed of 89% red, 10.2% green and 70.6% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 88.5% magenta, 20.7% yellow and 11% black. It has a hue angle of 314 degrees, a saturation of 79.4% and a lightness of 49.6%. #e31ab4 color hex could be obtained by blending #ff34ff with #c70069. Closest websafe color is: #cc33cc.

♥
- f
- t
- g
- R 89
- G 10
- B 71
RGB color chart
- C 0
- M 89
- Y 21
- K 11
CMYK color chart

● #e31ab4 color description : Vivid magenta.

The hexadecimal color #e31ab4 has RGB values of R:227, G:26, B:180 and CMYK values of C:0, M:0.89, Y:0.21, K:0.11. Its decimal value is 14883508.

Hex triplet	e31ab4	`#e31ab4`
RGB Decimal	227, 26, 180	`rgb(227,26,180)`
RGB Percent	89, 10.2, 70.6	`rgb(89%,10.2%,70.6%)`
CMYK	0, 89, 21, 11
HSL	314°, 79.4, 49.6	`hsl(314,79.4%,49.6%)`
HSV (or HSB)	314°, 88.5, 89
Web Safe	cc33cc	`#cc33cc`

CIE-LAB	52.251, 81.399, -31.287
XYZ	40.286, 20.369, 44.987
xyY	0.381, 0.193, 20.369
CIE-LCH	52.251, 87.205, 338.975
CIE-LUV	52.251, 93.289, -59.126
Hunter-Lab	45.132, 80.356, -27.509
Binary	11100011, 00011010, 10110100

#e31ab4
```
#e31ab4 rgb(227,26,180)
```
#1ae349
```
#1ae349 rgb(26,227,73)
```

Complementary Color

#ae1ae3
```
#ae1ae3 rgb(174,26,227)
```
#e31ab4
```
#e31ab4 rgb(227,26,180)
```
#e31a50
```
#e31a50 rgb(227,26,80)
```

Analogous Color

#1ae3ae
```
#1ae3ae rgb(26,227,174)
```
#e31ab4
```
#e31ab4 rgb(227,26,180)
```
#50e31a
```
#50e31a rgb(80,227,26)
```

Split Complementary Color

#1ab4e3
```
#1ab4e3 rgb(26,180,227)
```
#e31ab4
```
#e31ab4 rgb(227,26,180)
```
#b4e31a
```
#b4e31a rgb(180,227,26)
```

Triadic Color

#491ae3
```
#491ae3 rgb(73,26,227)
```
#e31ab4
```
#e31ab4 rgb(227,26,180)
```
#b4e31a
```
#b4e31a rgb(180,227,26)
```
#1ae349
```
#1ae349 rgb(26,227,73)
```

Tetradic Color

#9e127e
```
#9e127e rgb(158,18,126)
```
#b51590
```
#b51590 rgb(181,21,144)
```
#cc17a2
```
#cc17a2 rgb(204,23,162)
```
#e31ab4
```
#e31ab4 rgb(227,26,180)
```
#e72fbc
```
#e72fbc rgb(231,47,188)
```
#ea46c4
```
#ea46c4 rgb(234,70,196)
```
#ec5dcb
```
#ec5dcb rgb(236,93,203)
```

Monochromatic Color

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

#e01ae3
```
#e01ae3 rgb(224,26,227)
```
#e31ad6
```
#e31ad6 rgb(227,26,214)
```
#e31ac5
```
#e31ac5 rgb(227,26,197)
```
#e31ab4
```
#e31ab4 rgb(227,26,180)
```
#e31aa3
```
#e31aa3 rgb(227,26,163)
```
#e31a93
```
#e31a93 rgb(227,26,147)
```
#e31a82
```
#e31a82 rgb(227,26,130)
```

Similar Colors

Text with hexadecimal color #e31ab4

This text has a font color of #e31ab4.

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

#e31ab4 background color

This paragraph has a background color of #e31ab4.

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

#e31ab4 border color

This element has a border color of #e31ab4.

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

CSS codes

.text {color:#e31ab4;}

.background {background-color:#e31ab4;}

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

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

#10020d
```
#10020d rgb(16,2,13)
```
#21041a
```
#21041a rgb(33,4,26)
```
#330628
```
#330628 rgb(51,6,40)
```
#450836
```
#450836 rgb(69,8,54)
```
#560a44
```
#560a44 rgb(86,10,68)
```
#680c52
```
#680c52 rgb(104,12,82)
```
#790e60
```
#790e60 rgb(121,14,96)
```
#8b106e
```
#8b106e rgb(139,16,110)
```
#9d127c
```
#9d127c rgb(157,18,124)
```
#ae148a
```
#ae148a rgb(174,20,138)
```
#c01698
```
#c01698 rgb(192,22,152)
```
#d118a6
```
#d118a6 rgb(209,24,166)
```
#e31ab4
```
#e31ab4 rgb(227,26,180)
```

Shade Color Variation

#e72abb
```
#e72abb rgb(231,42,187)
```
#e93cc0
```
#e93cc0 rgb(233,60,192)
```
#eb4dc6
```
#eb4dc6 rgb(235,77,198)
```
#ed5fcb
```
#ed5fcb rgb(237,95,203)
```
#ef70d1
```
#ef70d1 rgb(239,112,209)
```
#f182d7
```
#f182d7 rgb(241,130,215)
```
#f394dc
```
#f394dc rgb(243,148,220)
```
#f5a5e2
```
#f5a5e2 rgb(245,165,226)
```
#f7b7e8
```
#f7b7e8 rgb(247,183,232)
```
#f9c8ed
```
#f9c8ed rgb(249,200,237)
```
#fbdaf3
```
#fbdaf3 rgb(251,218,243)
```
#fdecf9
```
#fdecf9 rgb(253,236,249)
```
#fffdfe
```
#fffdfe rgb(255,253,254)
```

Tint Color Variation

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

#827b80
```
#827b80 rgb(130,123,128)
```
#8b7285
```
#8b7285 rgb(139,114,133)
```
#95688b
```
#95688b rgb(149,104,139)
```
#9f5e90
```
#9f5e90 rgb(159,94,144)
```
#a95495
```
#a95495 rgb(169,84,149)
```
#b24b9a
```
#b24b9a rgb(178,75,154)
```
#bc419f
```
#bc419f rgb(188,65,159)
```
#c637a4
```
#c637a4 rgb(198,55,164)
```
#d02daa
```
#d02daa rgb(208,45,170)
```
#d924af
```
#d924af rgb(217,36,175)
```
#e31ab4
```
#e31ab4 rgb(227,26,180)
```
#ed10b9
```
#ed10b9 rgb(237,16,185)
```
#f607be
```
#f607be rgb(246,7,190)
```

Tone Color Variation

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

#686868 Achromatopsia 0.005% of the population
#815877 Atypical Achromatopsia 0.001% of the population

Dichromacy

#397fee Protanopia 1% of men
#7b81a7 Deuteranopia 1% of men
#db5357 Tritanopia 0.001% of the population

Trichromacy

#775ad9 Protanomaly 1% of men, 0.01% of women
#a05bab Deuteranomaly 6% of men, 0.4% of women
#de3e79 Tritanomaly 0.01% of the population

#e31ab4 hex color

#e31ab4 Color Information

#e31ab4 Color Conversion

Color Schemes with #e31ab4

Alternatives to #e31ab4

#e31ab4 Preview

Shades and Tints of #e31ab4

Tones of #e31ab4

Color Blindness Simulator