#e31344 hex color

In a RGB color space, hex #e31344 is composed of 89% red, 7.5% green and 26.7% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 91.6% magenta, 70% yellow and 11% black. It has a hue angle of 345.9 degrees, a saturation of 84.6% and a lightness of 48.2%. #e31344 color hex could be obtained by blending #ff2688 with #c70000. Closest websafe color is: #cc0033.

♥
- f
- t
- g
- R 89
- G 7
- B 27
RGB color chart
- C 0
- M 92
- Y 70
- K 11
CMYK color chart

● #e31344 color description : Vivid red.

The hexadecimal color #e31344 has RGB values of R:227, G:19, B:68 and CMYK values of C:0, M:0.92, Y:0.7, K:0.11. Its decimal value is 14881604.

Hex triplet	e31344	`#e31344`
RGB Decimal	227, 19, 68	`rgb(227,19,68)`
RGB Percent	89, 7.5, 26.7	`rgb(89%,7.5%,26.7%)`
CMYK	0, 92, 70, 11
HSL	345.9°, 84.6, 48.2	`hsl(345.9,84.6%,48.2%)`
HSV (or HSB)	345.9°, 91.6, 89
Web Safe	cc0033	`#cc0033`

CIE-LAB	48.534, 73.104, 30.929
XYZ	32.956, 17.218, 7.057
xyY	0.576, 0.301, 17.218
CIE-LCH	48.534, 79.378, 22.932
CIE-LUV	48.534, 141.418, 17.482
Hunter-Lab	41.495, 69.154, 18.963
Binary	11100011, 00010011, 01000100

#e31344
```
#e31344 rgb(227,19,68)
```
#13e3b2
```
#13e3b2 rgb(19,227,178)
```

Complementary Color

#e313ac
```
#e313ac rgb(227,19,172)
```
#e31344
```
#e31344 rgb(227,19,68)
```
#e34a13
```
#e34a13 rgb(227,74,19)
```

Analogous Color

#13ace3
```
#13ace3 rgb(19,172,227)
```
#e31344
```
#e31344 rgb(227,19,68)
```
#13e34a
```
#13e34a rgb(19,227,74)
```

Split Complementary Color

#1344e3
```
#1344e3 rgb(19,68,227)
```
#e31344
```
#e31344 rgb(227,19,68)
```
#44e313
```
#44e313 rgb(68,227,19)
```

Triadic Color

#b213e3
```
#b213e3 rgb(178,19,227)
```
#e31344
```
#e31344 rgb(227,19,68)
```
#44e313
```
#44e313 rgb(68,227,19)
```
#13e3b2
```
#13e3b2 rgb(19,227,178)
```

Tetradic Color

#9c0d2f
```
#9c0d2f rgb(156,13,47)
```
#b40f36
```
#b40f36 rgb(180,15,54)
```
#cb113d
```
#cb113d rgb(203,17,61)
```
#e31344
```
#e31344 rgb(227,19,68)
```
#ed2352
```
#ed2352 rgb(237,35,82)
```
#ef3a65
```
#ef3a65 rgb(239,58,101)
```
#f15277
```
#f15277 rgb(241,82,119)
```

Monochromatic Color

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

#e31378
```
#e31378 rgb(227,19,120)
```
#e31367
```
#e31367 rgb(227,19,103)
```
#e31355
```
#e31355 rgb(227,19,85)
```
#e31344
```
#e31344 rgb(227,19,68)
```
#e31333
```
#e31333 rgb(227,19,51)
```
#e31321
```
#e31321 rgb(227,19,33)
```
#e31613
```
#e31613 rgb(227,22,19)
```

Similar Colors

Text with hexadecimal color #e31344

This text has a font color of #e31344.

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

#e31344 background color

This paragraph has a background color of #e31344.

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

#e31344 border color

This element has a border color of #e31344.

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

CSS codes

.text {color:#e31344;}

.background {background-color:#e31344;}

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

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

#0a0103
```
#0a0103 rgb(10,1,3)
```
#1c0208
```
#1c0208 rgb(28,2,8)
```
#2e040e
```
#2e040e rgb(46,4,14)
```
#400513
```
#400513 rgb(64,5,19)
```
#520719
```
#520719 rgb(82,7,25)
```
#64081e
```
#64081e rgb(100,8,30)
```
#760a23
```
#760a23 rgb(118,10,35)
```
#880b29
```
#880b29 rgb(136,11,41)
```
#9b0d2e
```
#9b0d2e rgb(155,13,46)
```
#ad0e34
```
#ad0e34 rgb(173,14,52)
```
#bf1039
```
#bf1039 rgb(191,16,57)
```
#d1113f
```
#d1113f rgb(209,17,63)
```
#e31344
```
#e31344 rgb(227,19,68)
```

Shade Color Variation

#ec1d4e
```
#ec1d4e rgb(236,29,78)
```
#ee305c
```
#ee305c rgb(238,48,92)
```
#ef426b
```
#ef426b rgb(239,66,107)
```
#f15479
```
#f15479 rgb(241,84,121)
```
#f26687
```
#f26687 rgb(242,102,135)
```
#f47895
```
#f47895 rgb(244,120,149)
```
#f58aa3
```
#f58aa3 rgb(245,138,163)
```
#f79cb2
```
#f79cb2 rgb(247,156,178)
```
#f8aec0
```
#f8aec0 rgb(248,174,192)
```
#fac0ce
```
#fac0ce rgb(250,192,206)
```
#fbd2dc
```
#fbd2dc rgb(251,210,220)
```
#fde5ea
```
#fde5ea rgb(253,229,234)
```
#fef7f8
```
#fef7f8 rgb(254,247,248)
```

Tint Color Variation

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

#847276
```
#847276 rgb(132,114,118)
```
#8e6871
```
#8e6871 rgb(142,104,113)
```
#975f6c
```
#975f6c rgb(151,95,108)
```
#a15567
```
#a15567 rgb(161,85,103)
```
#aa4c62
```
#aa4c62 rgb(170,76,98)
```
#b4425d
```
#b4425d rgb(180,66,93)
```
#bd3958
```
#bd3958 rgb(189,57,88)
```
#c72f53
```
#c72f53 rgb(199,47,83)
```
#d0264e
```
#d0264e rgb(208,38,78)
```
#da1c49
```
#da1c49 rgb(218,28,73)
```
#e31344
```
#e31344 rgb(227,19,68)
```
#ec0a3f
```
#ec0a3f rgb(236,10,63)
```
#f6003a
```
#f6003a rgb(246,0,58)
```

Tone Color Variation

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

#575757 Achromatopsia 0.005% of the population
#734953 Atypical Achromatopsia 0.001% of the population

Dichromacy

#807a68 Protanopia 1% of men
#957540 Deuteranopia 1% of men
#e32a28 Tritanopia 0.001% of the population

Trichromacy

#a4545b Protanomaly 1% of men, 0.01% of women
#b15141 Deuteranomaly 6% of men, 0.4% of women
#e32132 Tritanomaly 0.01% of the population

#e31344 hex color

#e31344 Color Information

#e31344 Color Conversion

Color Schemes with #e31344

Alternatives to #e31344

#e31344 Preview

Shades and Tints of #e31344

Tones of #e31344

Color Blindness Simulator