colorhexa.com

#e31a3f hex color

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

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

● #e31a3f color description : Vivid red.

The hexadecimal color #e31a3f has RGB values of R:227, G:26, B:63 and CMYK values of C:0, M:0.89, Y:0.72, K:0.11. Its decimal value is 14883391.

Hex triplet	e31a3f	`#e31a3f`
RGB Decimal	227, 26, 63	`rgb(227,26,63)`
RGB Percent	89, 10.2, 24.7	`rgb(89%,10.2%,24.7%)`
CMYK	0, 89, 72, 11
HSL	349°, 79.4, 49.6	`hsl(349,79.4%,49.6%)`
HSV (or HSB)	349°, 88.5, 89
Web Safe	cc3333	`#cc3333`

CIE-LAB	48.801, 71.919, 34.237
XYZ	32.947, 17.433, 6.332
xyY	0.581, 0.307, 17.433
CIE-LCH	48.801, 79.653, 25.457
CIE-LUV	48.801, 141.233, 20.446
Hunter-Lab	41.753, 67.787, 20.234
Binary	11100011, 00011010, 00111111

#e31a3f
```
#e31a3f rgb(227,26,63)
```
#1ae3be
```
#1ae3be rgb(26,227,190)
```

Complementary Color

#e31aa4
```
#e31aa4 rgb(227,26,164)
```
#e31a3f
```
#e31a3f rgb(227,26,63)
```
#e35a1a
```
#e35a1a rgb(227,90,26)
```

Analogous Color

#1aa4e3
```
#1aa4e3 rgb(26,164,227)
```
#e31a3f
```
#e31a3f rgb(227,26,63)
```
#1ae35a
```
#1ae35a rgb(26,227,90)
```

Split Complementary Color

#1a3fe3
```
#1a3fe3 rgb(26,63,227)
```
#e31a3f
```
#e31a3f rgb(227,26,63)
```
#3fe31a
```
#3fe31a rgb(63,227,26)
```

Triadic Color

#be1ae3
```
#be1ae3 rgb(190,26,227)
```
#e31a3f
```
#e31a3f rgb(227,26,63)
```
#3fe31a
```
#3fe31a rgb(63,227,26)
```
#1ae3be
```
#1ae3be rgb(26,227,190)
```

Tetradic Color

#9e122c
```
#9e122c rgb(158,18,44)
```
#b51532
```
#b51532 rgb(181,21,50)
```
#cc1739
```
#cc1739 rgb(204,23,57)
```
#e31a3f
```
#e31a3f rgb(227,26,63)
```
#e72f51
```
#e72f51 rgb(231,47,81)
```
#ea4664
```
#ea4664 rgb(234,70,100)
```
#ec5d77
```
#ec5d77 rgb(236,93,119)
```

Monochromatic Color

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

#e31a71
```
#e31a71 rgb(227,26,113)
```
#e31a60
```
#e31a60 rgb(227,26,96)
```
#e31a50
```
#e31a50 rgb(227,26,80)
```
#e31a3f
```
#e31a3f rgb(227,26,63)
```
#e31a2e
```
#e31a2e rgb(227,26,46)
```
#e31a1d
```
#e31a1d rgb(227,26,29)
```
#e3271a
```
#e3271a rgb(227,39,26)
```

Similar Colors

Text with hexadecimal color #e31a3f

This text has a font color of #e31a3f.

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

#e31a3f background color

This paragraph has a background color of #e31a3f.

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

#e31a3f border color

This element has a border color of #e31a3f.

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

CSS codes

.text {color:#e31a3f;}

.background {background-color:#e31a3f;}

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

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

#100204
```
#100204 rgb(16,2,4)
```
#210409
```
#210409 rgb(33,4,9)
```
#33060e
```
#33060e rgb(51,6,14)
```
#450813
```
#450813 rgb(69,8,19)
```
#560a18
```
#560a18 rgb(86,10,24)
```
#680c1d
```
#680c1d rgb(104,12,29)
```
#790e22
```
#790e22 rgb(121,14,34)
```
#8b1027
```
#8b1027 rgb(139,16,39)
```
#9d122b
```
#9d122b rgb(157,18,43)
```
#ae1430
```
#ae1430 rgb(174,20,48)
```
#c01635
```
#c01635 rgb(192,22,53)
```
#d1183a
```
#d1183a rgb(209,24,58)
```
#e31a3f
```
#e31a3f rgb(227,26,63)
```

Shade Color Variation

#e72a4d
```
#e72a4d rgb(231,42,77)
```
#e93c5b
```
#e93c5b rgb(233,60,91)
```
#eb4d6a
```
#eb4d6a rgb(235,77,106)
```
#ed5f79
```
#ed5f79 rgb(237,95,121)
```
#ef7088
```
#ef7088 rgb(239,112,136)
```
#f18296
```
#f18296 rgb(241,130,150)
```
#f394a5
```
#f394a5 rgb(243,148,165)
```
#f5a5b4
```
#f5a5b4 rgb(245,165,180)
```
#f7b7c3
```
#f7b7c3 rgb(247,183,195)
```
#f9c8d1
```
#f9c8d1 rgb(249,200,209)
```
#fbdae0
```
#fbdae0 rgb(251,218,224)
```
#fdecef
```
#fdecef rgb(253,236,239)
```
#fffdfd
```
#fffdfd rgb(255,253,253)
```

Tint Color Variation

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

#827b7c
```
#827b7c rgb(130,123,124)
```
#8b7276
```
#8b7276 rgb(139,114,118)
```
#956870
```
#956870 rgb(149,104,112)
```
#9f5e6a
```
#9f5e6a rgb(159,94,106)
```
#a95464
```
#a95464 rgb(169,84,100)
```
#b24b5e
```
#b24b5e rgb(178,75,94)
```
#bc4158
```
#bc4158 rgb(188,65,88)
```
#c63751
```
#c63751 rgb(198,55,81)
```
#d02d4b
```
#d02d4b rgb(208,45,75)
```
#d92445
```
#d92445 rgb(217,36,69)
```
#e31a3f
```
#e31a3f rgb(227,26,63)
```
#ed1039
```
#ed1039 rgb(237,16,57)
```
#f60733
```
#f60733 rgb(246,7,51)
```

Tone Color Variation

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

#5a5a5a Achromatopsia 0.005% of the population
#754d55 Atypical Achromatopsia 0.001% of the population

Dichromacy

#827a62 Protanopia 1% of men
#96753b Deuteranopia 1% of men
#e32d2b Tritanopia 0.001% of the population

Trichromacy

#a55755 Protanomaly 1% of men, 0.01% of women
#b2543c Deuteranomaly 6% of men, 0.4% of women
#e32632 Tritanomaly 0.01% of the population