#e31345 hex color

In a RGB color space, hex #e31345 is composed of 89% red, 7.5% green and 27.1% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 91.6% magenta, 69.6% yellow and 11% black. It has a hue angle of 345.6 degrees, a saturation of 84.6% and a lightness of 48.2%. #e31345 color hex could be obtained by blending #ff268a 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

● #e31345 color description : Vivid red.

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

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

CIE-LAB	48.549, 73.147, 30.345
XYZ	32.987, 17.23, 7.219
xyY	0.574, 0.3, 17.23
CIE-LCH	48.549, 79.192, 22.531
CIE-LUV	48.549, 141.114, 17.009
Hunter-Lab	41.51, 69.21, 18.746
Binary	11100011, 00010011, 01000101

#e31345
```
#e31345 rgb(227,19,69)
```
#13e3b1
```
#13e3b1 rgb(19,227,177)
```

Complementary Color

#e313ad
```
#e313ad rgb(227,19,173)
```
#e31345
```
#e31345 rgb(227,19,69)
```
#e34913
```
#e34913 rgb(227,73,19)
```

Analogous Color

#13ade3
```
#13ade3 rgb(19,173,227)
```
#e31345
```
#e31345 rgb(227,19,69)
```
#13e349
```
#13e349 rgb(19,227,73)
```

Split Complementary Color

#1345e3
```
#1345e3 rgb(19,69,227)
```
#e31345
```
#e31345 rgb(227,19,69)
```
#45e313
```
#45e313 rgb(69,227,19)
```

Triadic Color

#b113e3
```
#b113e3 rgb(177,19,227)
```
#e31345
```
#e31345 rgb(227,19,69)
```
#45e313
```
#45e313 rgb(69,227,19)
```
#13e3b1
```
#13e3b1 rgb(19,227,177)
```

Tetradic Color

#9c0d30
```
#9c0d30 rgb(156,13,48)
```
#b40f37
```
#b40f37 rgb(180,15,55)
```
#cb113e
```
#cb113e rgb(203,17,62)
```
#e31345
```
#e31345 rgb(227,19,69)
```
#ed2353
```
#ed2353 rgb(237,35,83)
```
#ef3a66
```
#ef3a66 rgb(239,58,102)
```
#f15278
```
#f15278 rgb(241,82,120)
```

Monochromatic Color

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

#e31379
```
#e31379 rgb(227,19,121)
```
#e31368
```
#e31368 rgb(227,19,104)
```
#e31356
```
#e31356 rgb(227,19,86)
```
#e31345
```
#e31345 rgb(227,19,69)
```
#e31334
```
#e31334 rgb(227,19,52)
```
#e31322
```
#e31322 rgb(227,19,34)
```
#e31513
```
#e31513 rgb(227,21,19)
```

Similar Colors

Text with hexadecimal color #e31345

This text has a font color of #e31345.

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

#e31345 background color

This paragraph has a background color of #e31345.

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

#e31345 border color

This element has a border color of #e31345.

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

CSS codes

.text {color:#e31345;}

.background {background-color:#e31345;}

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

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 #fef7f9 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)
```
#760a24
```
#760a24 rgb(118,10,36)
```
#880b29
```
#880b29 rgb(136,11,41)
```
#9b0d2f
```
#9b0d2f rgb(155,13,47)
```
#ad0e34
```
#ad0e34 rgb(173,14,52)
```
#bf103a
```
#bf103a rgb(191,16,58)
```
#d1113f
```
#d1113f rgb(209,17,63)
```
#e31345
```
#e31345 rgb(227,19,69)
```

Shade Color Variation

#ec1d4f
```
#ec1d4f rgb(236,29,79)
```
#ee305d
```
#ee305d rgb(238,48,93)
```
#ef426b
```
#ef426b rgb(239,66,107)
```
#f1547a
```
#f1547a rgb(241,84,122)
```
#f26688
```
#f26688 rgb(242,102,136)
```
#f47896
```
#f47896 rgb(244,120,150)
```
#f58aa4
```
#f58aa4 rgb(245,138,164)
```
#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)
```
#fef7f9
```
#fef7f9 rgb(254,247,249)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #847276 is the less saturated color, while #f6003b 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)
```
#b4425e
```
#b4425e rgb(180,66,94)
```
#bd3959
```
#bd3959 rgb(189,57,89)
```
#c72f54
```
#c72f54 rgb(199,47,84)
```
#d0264f
```
#d0264f rgb(208,38,79)
```
#da1c4a
```
#da1c4a rgb(218,28,74)
```
#e31345
```
#e31345 rgb(227,19,69)
```
#ec0a40
```
#ec0a40 rgb(236,10,64)
```
#f6003b
```
#f6003b rgb(246,0,59)
```

Tone Color Variation

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

#807a6a Protanopia 1% of men
#957541 Deuteranopia 1% of men
#e32a28 Tritanopia 0.001% of the population

Trichromacy

#a4545c Protanomaly 1% of men, 0.01% of women
#b15142 Deuteranomaly 6% of men, 0.4% of women
#e32233 Tritanomaly 0.01% of the population

#e31345 hex color

#e31345 Color Information

#e31345 Color Conversion

Color Schemes with #e31345

Alternatives to #e31345

#e31345 Preview

Shades and Tints of #e31345

Tones of #e31345

Color Blindness Simulator