#e31338 hex color

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

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

● #e31338 color description : Vivid red.

The hexadecimal color #e31338 has RGB values of R:227, G:19, B:56 and CMYK values of C:0, M:0.92, Y:0.75, K:0.11. Its decimal value is 14881592.

Hex triplet	e31338	`#e31338`
RGB Decimal	227, 19, 56	`rgb(227,19,56)`
RGB Percent	89, 7.5, 22	`rgb(89%,7.5%,22%)`
CMYK	0, 92, 75, 11
HSL	349.3°, 84.6, 48.2	`hsl(349.3,84.6%,48.2%)`
HSV (or HSB)	349.3°, 91.6, 89
Web Safe	cc0033	`#cc0033`

CIE-LAB	48.369, 72.641, 37.858
XYZ	32.627, 17.086, 5.321
xyY	0.593, 0.31, 17.086
CIE-LCH	48.369, 81.914, 27.527
CIE-LUV	48.369, 144.757, 22.661
Hunter-Lab	41.336, 68.556, 21.302
Binary	11100011, 00010011, 00111000

#e31338
```
#e31338 rgb(227,19,56)
```
#13e3be
```
#13e3be rgb(19,227,190)
```

Complementary Color

#e313a0
```
#e313a0 rgb(227,19,160)
```
#e31338
```
#e31338 rgb(227,19,56)
```
#e35613
```
#e35613 rgb(227,86,19)
```

Analogous Color

#13a0e3
```
#13a0e3 rgb(19,160,227)
```
#e31338
```
#e31338 rgb(227,19,56)
```
#13e356
```
#13e356 rgb(19,227,86)
```

Split Complementary Color

#1338e3
```
#1338e3 rgb(19,56,227)
```
#e31338
```
#e31338 rgb(227,19,56)
```
#38e313
```
#38e313 rgb(56,227,19)
```

Triadic Color

#be13e3
```
#be13e3 rgb(190,19,227)
```
#e31338
```
#e31338 rgb(227,19,56)
```
#38e313
```
#38e313 rgb(56,227,19)
```
#13e3be
```
#13e3be rgb(19,227,190)
```

Tetradic Color

#9c0d27
```
#9c0d27 rgb(156,13,39)
```
#b40f2c
```
#b40f2c rgb(180,15,44)
```
#cb1132
```
#cb1132 rgb(203,17,50)
```
#e31338
```
#e31338 rgb(227,19,56)
```
#ed2347
```
#ed2347 rgb(237,35,71)
```
#ef3a5a
```
#ef3a5a rgb(239,58,90)
```
#f1526e
```
#f1526e rgb(241,82,110)
```

Monochromatic Color

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

#e3136c
```
#e3136c rgb(227,19,108)
```
#e3135b
```
#e3135b rgb(227,19,91)
```
#e31349
```
#e31349 rgb(227,19,73)
```
#e31338
```
#e31338 rgb(227,19,56)
```
#e31327
```
#e31327 rgb(227,19,39)
```
#e31315
```
#e31315 rgb(227,19,21)
```
#e32213
```
#e32213 rgb(227,34,19)
```

Similar Colors

Text with hexadecimal color #e31338

This text has a font color of #e31338.

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

#e31338 background color

This paragraph has a background color of #e31338.

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

#e31338 border color

This element has a border color of #e31338.

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

CSS codes

.text {color:#e31338;}

.background {background-color:#e31338;}

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

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

#0a0102
```
#0a0102 rgb(10,1,2)
```
#1c0207
```
#1c0207 rgb(28,2,7)
```
#2e040b
```
#2e040b rgb(46,4,11)
```
#400510
```
#400510 rgb(64,5,16)
```
#520714
```
#520714 rgb(82,7,20)
```
#640819
```
#640819 rgb(100,8,25)
```
#760a1d
```
#760a1d rgb(118,10,29)
```
#880b22
```
#880b22 rgb(136,11,34)
```
#9b0d26
```
#9b0d26 rgb(155,13,38)
```
#ad0e2b
```
#ad0e2b rgb(173,14,43)
```
#bf102f
```
#bf102f rgb(191,16,47)
```
#d11134
```
#d11134 rgb(209,17,52)
```
#e31338
```
#e31338 rgb(227,19,56)
```

Shade Color Variation

#ec1d42
```
#ec1d42 rgb(236,29,66)
```
#ee3051
```
#ee3051 rgb(238,48,81)
```
#ef4261
```
#ef4261 rgb(239,66,97)
```
#f15470
```
#f15470 rgb(241,84,112)
```
#f2667f
```
#f2667f rgb(242,102,127)
```
#f4788e
```
#f4788e rgb(244,120,142)
```
#f58a9d
```
#f58a9d rgb(245,138,157)
```
#f79cac
```
#f79cac rgb(247,156,172)
```
#f8aebb
```
#f8aebb rgb(248,174,187)
```
#fac0cb
```
#fac0cb rgb(250,192,203)
```
#fbd2da
```
#fbd2da rgb(251,210,218)
```
#fde5e9
```
#fde5e9 rgb(253,229,233)
```
#fef7f8
```
#fef7f8 rgb(254,247,248)
```

Tint Color Variation

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

#847275
```
#847275 rgb(132,114,117)
```
#8e686f
```
#8e686f rgb(142,104,111)
```
#975f69
```
#975f69 rgb(151,95,105)
```
#a15563
```
#a15563 rgb(161,85,99)
```
#aa4c5d
```
#aa4c5d rgb(170,76,93)
```
#b44256
```
#b44256 rgb(180,66,86)
```
#bd3950
```
#bd3950 rgb(189,57,80)
```
#c72f4a
```
#c72f4a rgb(199,47,74)
```
#d02644
```
#d02644 rgb(208,38,68)
```
#da1c3e
```
#da1c3e rgb(218,28,62)
```
#e31338
```
#e31338 rgb(227,19,56)
```
#ec0a32
```
#ec0a32 rgb(236,10,50)
```
#f6002c
```
#f6002c rgb(246,0,44)
```

Tone Color Variation

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

#555555 Achromatopsia 0.005% of the population
#71484f Atypical Achromatopsia 0.001% of the population

Dichromacy

#82795a Protanopia 1% of men
#967433 Deuteranopia 1% of men
#e32724 Tritanopia 0.001% of the population

Trichromacy

#a5544d Protanomaly 1% of men, 0.01% of women
#b25135 Deuteranomaly 6% of men, 0.4% of women
#e31f2b Tritanomaly 0.01% of the population

#e31338 hex color

#e31338 Color Information

#e31338 Color Conversion

Color Schemes with #e31338

Alternatives to #e31338

#e31338 Preview

Shades and Tints of #e31338

Tones of #e31338

Color Blindness Simulator