colorhexa.com

#e31a4f hex color

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

- R 89
- G 10
- B 31
RGB color chart
- C 0
- M 89
- Y 65
- K 11
CMYK color chart

● #e31a4f color description : Vivid pink.

The hexadecimal color #e31a4f has RGB values of R:227, G:26, B:79 and CMYK values of C:0, M:0.89, Y:0.65, K:0.11. Its decimal value is 14883407.

Hex triplet	e31a4f	`#e31a4f`
RGB Decimal	227, 26, 79	`rgb(227,26,79)`
RGB Percent	89, 10.2, 31	`rgb(89%,10.2%,31%)`
CMYK	0, 89, 65, 11
HSL	344.2°, 79.4, 49.6	`hsl(344.2,79.4%,49.6%)`
HSV (or HSB)	344.2°, 88.5, 89
Web Safe	cc3366	`#cc3366`

CIE-LAB	49.054, 72.642, 24.915
XYZ	33.461, 17.638, 9.039
xyY	0.556, 0.293, 17.638
CIE-LCH	49.054, 76.796, 18.931
CIE-LUV	49.054, 136.336, 12.677
Hunter-Lab	41.998, 68.718, 16.637
Binary	11100011, 00011010, 01001111

#e31a4f
```
#e31a4f rgb(227,26,79)
```
#1ae3ae
```
#1ae3ae rgb(26,227,174)
```

Complementary Color

#e31ab4
```
#e31ab4 rgb(227,26,180)
```
#e31a4f
```
#e31a4f rgb(227,26,79)
```
#e34a1a
```
#e34a1a rgb(227,74,26)
```

Analogous Color

#1ab4e3
```
#1ab4e3 rgb(26,180,227)
```
#e31a4f
```
#e31a4f rgb(227,26,79)
```
#1ae349
```
#1ae349 rgb(26,227,73)
```

Split Complementary Color

#1a4fe3
```
#1a4fe3 rgb(26,79,227)
```
#e31a4f
```
#e31a4f rgb(227,26,79)
```
#4fe31a
```
#4fe31a rgb(79,227,26)
```

Triadic Color

#ae1ae3
```
#ae1ae3 rgb(174,26,227)
```
#e31a4f
```
#e31a4f rgb(227,26,79)
```
#4fe31a
```
#4fe31a rgb(79,227,26)
```
#1ae3ae
```
#1ae3ae rgb(26,227,174)
```

Tetradic Color

#9e1237
```
#9e1237 rgb(158,18,55)
```
#b5153f
```
#b5153f rgb(181,21,63)
```
#cc1747
```
#cc1747 rgb(204,23,71)
```
#e31a4f
```
#e31a4f rgb(227,26,79)
```
#e72f60
```
#e72f60 rgb(231,47,96)
```
#ea4671
```
#ea4671 rgb(234,70,113)
```
#ec5d83
```
#ec5d83 rgb(236,93,131)
```

Monochromatic Color

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

#e31a81
```
#e31a81 rgb(227,26,129)
```
#e31a71
```
#e31a71 rgb(227,26,113)
```
#e31a60
```
#e31a60 rgb(227,26,96)
```
#e31a4f
```
#e31a4f rgb(227,26,79)
```
#e31a3e
```
#e31a3e rgb(227,26,62)
```
#e31a2e
```
#e31a2e rgb(227,26,46)
```
#e31a1d
```
#e31a1d rgb(227,26,29)
```

Similar Colors

Text with hexadecimal color #e31a4f

This text has a font color of #e31a4f.

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

#e31a4f background color

This paragraph has a background color of #e31a4f.

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

#e31a4f border color

This element has a border color of #e31a4f.

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

CSS codes

.text {color:#e31a4f;}

.background {background-color:#e31a4f;}

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

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

#100206
```
#100206 rgb(16,2,6)
```
#21040c
```
#21040c rgb(33,4,12)
```
#330612
```
#330612 rgb(51,6,18)
```
#450818
```
#450818 rgb(69,8,24)
```
#560a1e
```
#560a1e rgb(86,10,30)
```
#680c24
```
#680c24 rgb(104,12,36)
```
#790e2a
```
#790e2a rgb(121,14,42)
```
#8b1030
```
#8b1030 rgb(139,16,48)
```
#9d1237
```
#9d1237 rgb(157,18,55)
```
#ae143d
```
#ae143d rgb(174,20,61)
```
#c01643
```
#c01643 rgb(192,22,67)
```
#d11849
```
#d11849 rgb(209,24,73)
```
#e31a4f
```
#e31a4f rgb(227,26,79)
```

Shade Color Variation

#e72a5c
```
#e72a5c rgb(231,42,92)
```
#e93c69
```
#e93c69 rgb(233,60,105)
```
#eb4d77
```
#eb4d77 rgb(235,77,119)
```
#ed5f84
```
#ed5f84 rgb(237,95,132)
```
#ef7092
```
#ef7092 rgb(239,112,146)
```
#f1829f
```
#f1829f rgb(241,130,159)
```
#f394ad
```
#f394ad rgb(243,148,173)
```
#f5a5ba
```
#f5a5ba rgb(245,165,186)
```
#f7b7c8
```
#f7b7c8 rgb(247,183,200)
```
#f9c8d5
```
#f9c8d5 rgb(249,200,213)
```
#fbdae3
```
#fbdae3 rgb(251,218,227)
```
#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 #f60746 is the most saturated one.

#827b7d
```
#827b7d rgb(130,123,125)
```
#8b7278
```
#8b7278 rgb(139,114,120)
```
#956874
```
#956874 rgb(149,104,116)
```
#9f5e6f
```
#9f5e6f rgb(159,94,111)
```
#a9546b
```
#a9546b rgb(169,84,107)
```
#b24b66
```
#b24b66 rgb(178,75,102)
```
#bc4161
```
#bc4161 rgb(188,65,97)
```
#c6375d
```
#c6375d rgb(198,55,93)
```
#d02d58
```
#d02d58 rgb(208,45,88)
```
#d92454
```
#d92454 rgb(217,36,84)
```
#e31a4f
```
#e31a4f rgb(227,26,79)
```
#ed104a
```
#ed104a rgb(237,16,74)
```
#f60746
```
#f60746 rgb(246,7,70)
```

Tone Color Variation

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

#7f7b75 Protanopia 1% of men
#95764b Deuteranopia 1% of men
#e33130 Tritanopia 0.001% of the population

Trichromacy

#a35767 Protanomaly 1% of men, 0.01% of women
#b1544c Deuteranomaly 6% of men, 0.4% of women
#e3283b Tritanomaly 0.01% of the population