#e31a4d hex color

In a RGB color space, hex #e31a4d is composed of 89% red, 10.2% green and 30.2% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 88.5% magenta, 66.1% yellow and 11% black. It has a hue angle of 344.8 degrees, a saturation of 79.4% and a lightness of 49.6%. #e31a4d color hex could be obtained by blending #ff349a with #c70000. Closest websafe color is: #cc3366.

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

● #e31a4d color description : Vivid pink.

The hexadecimal color #e31a4d has RGB values of R:227, G:26, B:77 and CMYK values of C:0, M:0.89, Y:0.66, K:0.11. Its decimal value is 14883405.

Hex triplet	e31a4d	`#e31a4d`
RGB Decimal	227, 26, 77	`rgb(227,26,77)`
RGB Percent	89, 10.2, 30.2	`rgb(89%,10.2%,30.2%)`
CMYK	0, 89, 66, 11
HSL	344.8°, 79.4, 49.6	`hsl(344.8,79.4%,49.6%)`
HSV (or HSB)	344.8°, 88.5, 89
Web Safe	cc3366	`#cc3366`

CIE-LAB	49.019, 72.542, 26.086
XYZ	33.389, 17.61, 8.662
xyY	0.56, 0.295, 17.61
CIE-LCH	49.019, 77.09, 19.779
CIE-LUV	49.019, 136.998, 13.731
Hunter-Lab	41.964, 68.589, 17.137
Binary	11100011, 00011010, 01001101

#e31a4d
```
#e31a4d rgb(227,26,77)
```
#1ae3b0
```
#1ae3b0 rgb(26,227,176)
```

Complementary Color

#e31ab2
```
#e31ab2 rgb(227,26,178)
```
#e31a4d
```
#e31a4d rgb(227,26,77)
```
#e34b1a
```
#e34b1a rgb(227,75,26)
```

Analogous Color

#1ab2e3
```
#1ab2e3 rgb(26,178,227)
```
#e31a4d
```
#e31a4d rgb(227,26,77)
```
#1ae34b
```
#1ae34b rgb(26,227,75)
```

Split Complementary Color

#1a4de3
```
#1a4de3 rgb(26,77,227)
```
#e31a4d
```
#e31a4d rgb(227,26,77)
```
#4de31a
```
#4de31a rgb(77,227,26)
```

Triadic Color

#b01ae3
```
#b01ae3 rgb(176,26,227)
```
#e31a4d
```
#e31a4d rgb(227,26,77)
```
#4de31a
```
#4de31a rgb(77,227,26)
```
#1ae3b0
```
#1ae3b0 rgb(26,227,176)
```

Tetradic Color

#9e1236
```
#9e1236 rgb(158,18,54)
```
#b5153d
```
#b5153d rgb(181,21,61)
```
#cc1745
```
#cc1745 rgb(204,23,69)
```
#e31a4d
```
#e31a4d rgb(227,26,77)
```
#e72f5e
```
#e72f5e rgb(231,47,94)
```
#ea4670
```
#ea4670 rgb(234,70,112)
```
#ec5d81
```
#ec5d81 rgb(236,93,129)
```

Monochromatic Color

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

#e31a7f
```
#e31a7f rgb(227,26,127)
```
#e31a6f
```
#e31a6f rgb(227,26,111)
```
#e31a5e
```
#e31a5e rgb(227,26,94)
```
#e31a4d
```
#e31a4d rgb(227,26,77)
```
#e31a3c
```
#e31a3c rgb(227,26,60)
```
#e31a2c
```
#e31a2c rgb(227,26,44)
```
#e31a1b
```
#e31a1b rgb(227,26,27)
```

Similar Colors

Text with hexadecimal color #e31a4d

This text has a font color of #e31a4d.

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

#e31a4d background color

This paragraph has a background color of #e31a4d.

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

#e31a4d border color

This element has a border color of #e31a4d.

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

CSS codes

.text {color:#e31a4d;}

.background {background-color:#e31a4d;}

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

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

#100205
```
#100205 rgb(16,2,5)
```
#21040b
```
#21040b rgb(33,4,11)
```
#330611
```
#330611 rgb(51,6,17)
```
#450817
```
#450817 rgb(69,8,23)
```
#560a1d
```
#560a1d rgb(86,10,29)
```
#680c23
```
#680c23 rgb(104,12,35)
```
#790e29
```
#790e29 rgb(121,14,41)
```
#8b102f
```
#8b102f rgb(139,16,47)
```
#9d1235
```
#9d1235 rgb(157,18,53)
```
#ae143b
```
#ae143b rgb(174,20,59)
```
#c01641
```
#c01641 rgb(192,22,65)
```
#d11847
```
#d11847 rgb(209,24,71)
```
#e31a4d
```
#e31a4d rgb(227,26,77)
```

Shade Color Variation

#e72a5a
```
#e72a5a rgb(231,42,90)
```
#e93c68
```
#e93c68 rgb(233,60,104)
```
#eb4d75
```
#eb4d75 rgb(235,77,117)
```
#ed5f83
```
#ed5f83 rgb(237,95,131)
```
#ef7090
```
#ef7090 rgb(239,112,144)
```
#f1829e
```
#f1829e rgb(241,130,158)
```
#f394ac
```
#f394ac rgb(243,148,172)
```
#f5a5b9
```
#f5a5b9 rgb(245,165,185)
```
#f7b7c7
```
#f7b7c7 rgb(247,183,199)
```
#f9c8d5
```
#f9c8d5 rgb(249,200,213)
```
#fbdae2
```
#fbdae2 rgb(251,218,226)
```
#fdecf0
```
#fdecf0 rgb(253,236,240)
```
#fffdfe
```
#fffdfe rgb(255,253,254)
```

Tint Color Variation

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

#827b7d
```
#827b7d rgb(130,123,125)
```
#8b7278
```
#8b7278 rgb(139,114,120)
```
#956873
```
#956873 rgb(149,104,115)
```
#9f5e6f
```
#9f5e6f rgb(159,94,111)
```
#a9546a
```
#a9546a rgb(169,84,106)
```
#b24b65
```
#b24b65 rgb(178,75,101)
```
#bc4160
```
#bc4160 rgb(188,65,96)
```
#c6375b
```
#c6375b rgb(198,55,91)
```
#d02d57
```
#d02d57 rgb(208,45,87)
```
#d92452
```
#d92452 rgb(217,36,82)
```
#e31a4d
```
#e31a4d rgb(227,26,77)
```
#ed1048
```
#ed1048 rgb(237,16,72)
```
#f60743
```
#f60743 rgb(246,7,67)
```

Tone Color Variation

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

#5c5c5c Achromatopsia 0.005% of the population
#774f59 Atypical Achromatopsia 0.001% of the population

Dichromacy

#7f7b72 Protanopia 1% of men
#957649 Deuteranopia 1% of men
#e33030 Tritanopia 0.001% of the population

Trichromacy

#a35765 Protanomaly 1% of men, 0.01% of women
#b1544a Deuteranomaly 6% of men, 0.4% of women
#e3283a Tritanomaly 0.01% of the population

#e31a4d hex color

#e31a4d Color Information

#e31a4d Color Conversion

Color Schemes with #e31a4d

Alternatives to #e31a4d

#e31a4d Preview

Shades and Tints of #e31a4d

Tones of #e31a4d

Color Blindness Simulator