#e31530 hex color

In a RGB color space, hex #e31530 is composed of 89% red, 8.2% green and 18.8% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 90.7% magenta, 78.9% yellow and 11% black. It has a hue angle of 352.1 degrees, a saturation of 83.1% and a lightness of 48.6%. #e31530 color hex could be obtained by blending #ff2a60 with #c70000. Closest websafe color is: #cc0033.

♥
- f
- t
- g
- R 89
- G 8
- B 19
RGB color chart
- C 0
- M 91
- Y 79
- K 11
CMYK color chart

● #e31530 color description : Vivid red.

The hexadecimal color #e31530 has RGB values of R:227, G:21, B:48 and CMYK values of C:0, M:0.91, Y:0.79, K:0.11. Its decimal value is 14882096.

Hex triplet	e31530	`#e31530`
RGB Decimal	227, 21, 48	`rgb(227,21,48)`
RGB Percent	89, 8.2, 18.8	`rgb(89%,8.2%,18.8%)`
CMYK	0, 91, 79, 11
HSL	352.1°, 83.1, 48.6	`hsl(352.1,83.1%,48.6%)`
HSV (or HSB)	352.1°, 90.7, 89
Web Safe	cc0033	`#cc0033`

CIE-LAB	48.367, 72.13, 42.43
XYZ	32.482, 17.085, 4.384
xyY	0.602, 0.317, 17.085
CIE-LCH	48.367, 83.684, 30.466
CIE-LUV	48.367, 146.201, 25.763
Hunter-Lab	41.334, 67.939, 22.646
Binary	11100011, 00010101, 00110000

#e31530
```
#e31530 rgb(227,21,48)
```
#15e3c8
```
#15e3c8 rgb(21,227,200)
```

Complementary Color

#e31597
```
#e31597 rgb(227,21,151)
```
#e31530
```
#e31530 rgb(227,21,48)
```
#e36115
```
#e36115 rgb(227,97,21)
```

Analogous Color

#1597e3
```
#1597e3 rgb(21,151,227)
```
#e31530
```
#e31530 rgb(227,21,48)
```
#15e361
```
#15e361 rgb(21,227,97)
```

Split Complementary Color

#1530e3
```
#1530e3 rgb(21,48,227)
```
#e31530
```
#e31530 rgb(227,21,48)
```
#30e315
```
#30e315 rgb(48,227,21)
```

Triadic Color

#c815e3
```
#c815e3 rgb(200,21,227)
```
#e31530
```
#e31530 rgb(227,21,48)
```
#30e315
```
#30e315 rgb(48,227,21)
```
#15e3c8
```
#15e3c8 rgb(21,227,200)
```

Tetradic Color

#9d0f21
```
#9d0f21 rgb(157,15,33)
```
#b41126
```
#b41126 rgb(180,17,38)
```
#cc132b
```
#cc132b rgb(204,19,43)
```
#e31530
```
#e31530 rgb(227,21,48)
```
#eb2740
```
#eb2740 rgb(235,39,64)
```
#ed3e55
```
#ed3e55 rgb(237,62,85)
```
#ef5569
```
#ef5569 rgb(239,85,105)
```

Monochromatic Color

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

#e31564
```
#e31564 rgb(227,21,100)
```
#e31552
```
#e31552 rgb(227,21,82)
```
#e31541
```
#e31541 rgb(227,21,65)
```
#e31530
```
#e31530 rgb(227,21,48)
```
#e3151f
```
#e3151f rgb(227,21,31)
```
#e31c15
```
#e31c15 rgb(227,28,21)
```
#e32d15
```
#e32d15 rgb(227,45,21)
```

Similar Colors

Text with hexadecimal color #e31530

This text has a font color of #e31530.

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

#e31530 background color

This paragraph has a background color of #e31530.

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

#e31530 border color

This element has a border color of #e31530.

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

CSS codes

.text {color:#e31530;}

.background {background-color:#e31530;}

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

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

#0c0102
```
#0c0102 rgb(12,1,2)
```
#1e0306
```
#1e0306 rgb(30,3,6)
```
#2f040a
```
#2f040a rgb(47,4,10)
```
#41060e
```
#41060e rgb(65,6,14)
```
#530812
```
#530812 rgb(83,8,18)
```
#650915
```
#650915 rgb(101,9,21)
```
#770b19
```
#770b19 rgb(119,11,25)
```
#890d1d
```
#890d1d rgb(137,13,29)
```
#9b0e21
```
#9b0e21 rgb(155,14,33)
```
#ad1025
```
#ad1025 rgb(173,16,37)
```
#bf1228
```
#bf1228 rgb(191,18,40)
```
#d1132c
```
#d1132c rgb(209,19,44)
```
#e31530
```
#e31530 rgb(227,21,48)
```

Shade Color Variation

#ea213c
```
#ea213c rgb(234,33,60)
```
#ec334b
```
#ec334b rgb(236,51,75)
```
#ee455b
```
#ee455b rgb(238,69,91)
```
#ef576b
```
#ef576b rgb(239,87,107)
```
#f1697b
```
#f1697b rgb(241,105,123)
```
#f37b8b
```
#f37b8b rgb(243,123,139)
```
#f48d9a
```
#f48d9a rgb(244,141,154)
```
#f69faa
```
#f69faa rgb(246,159,170)
```
#f8b1ba
```
#f8b1ba rgb(248,177,186)
```
#f9c3ca
```
#f9c3ca rgb(249,195,202)
```
#fbd5da
```
#fbd5da rgb(251,213,218)
```
#fde7ea
```
#fde7ea rgb(253,231,234)
```
#fef9f9
```
#fef9f9 rgb(254,249,249)
```

Tint Color Variation

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

#847476
```
#847476 rgb(132,116,118)
```
#8d6b6f
```
#8d6b6f rgb(141,107,111)
```
#976168
```
#976168 rgb(151,97,104)
```
#a05861
```
#a05861 rgb(160,88,97)
```
#aa4e5a
```
#aa4e5a rgb(170,78,90)
```
#b34553
```
#b34553 rgb(179,69,83)
```
#bd3b4c
```
#bd3b4c rgb(189,59,76)
```
#c63245
```
#c63245 rgb(198,50,69)
```
#d0283e
```
#d0283e rgb(208,40,62)
```
#d91f37
```
#d91f37 rgb(217,31,55)
```
#e31530
```
#e31530 rgb(227,21,48)
```
#ed0b29
```
#ed0b29 rgb(237,11,41)
```
#f60222
```
#f60222 rgb(246,2,34)
```

Tone Color Variation

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

#565656 Achromatopsia 0.005% of the population
#72494e Atypical Achromatopsia 0.001% of the population

Dichromacy

#847a50 Protanopia 1% of men
#97742a Deuteranopia 1% of men
#e42623 Tritanopia 0.001% of the population

Trichromacy

#a65544 Protanomaly 1% of men, 0.01% of women
#b2512c Deuteranomaly 6% of men, 0.4% of women
#e32027 Tritanomaly 0.01% of the population

#e31530 hex color

#e31530 Color Information

#e31530 Color Conversion

Color Schemes with #e31530

Alternatives to #e31530

#e31530 Preview

Shades and Tints of #e31530

Tones of #e31530

Color Blindness Simulator