#e31f22 Color Information
In a RGB color space, hex #e31f22 is composed of 89% red, 12.2% green and 13.3% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 86.3% magenta, 85% yellow and 11% black. It has a hue angle of 359.1 degrees, a saturation of 77.8% and a lightness of 50.6%. #e31f22 color hex could be obtained by blending #ff3e44 with #c70000. Closest websafe color is: #cc3333.
-
- R 89
- G 12
- B 13
-
- C 0
- M 86
- Y 85
- K 11
● #e31f22 color description : Vivid red.
#e31f22 Color Conversion
The hexadecimal color #e31f22 has RGB values of R:227, G:31, B:34 and CMYK values of C:0, M:0.86, Y:0.85, K:0.11. Its decimal value is 14884642.
Hex triplet | e31f22 | #e31f22 |
---|---|---|
RGB Decimal | 227, 31, 34 | rgb(227,31,34) |
RGB Percent | 89, 12.2, 13.3 | rgb(89%,12.2%,13.3%) |
CMYK | 0, 86, 85, 11 | |
HSL | 359.1°, 77.8, 50.6 | hsl(359.1,77.8%,50.6%) |
HSV (or HSB) | 359.1°, 86.3, 89 | |
Web Safe | cc3333 | #cc3333 |
CIE-LAB | 48.798, 70.189, 50.203 |
---|---|
XYZ | 32.459, 17.431, 3.169 |
xyY | 0.612, 0.329, 17.431 |
CIE-LCH | 48.798, 86.295, 35.574 |
CIE-LUV | 48.798, 145.947, 30.882 |
Hunter-Lab | 41.75, 65.715, 24.725 |
Binary | 11100011, 00011111, 00100010 |
Color Schemes with #e31f22
Alternatives to #e31f22
Below, you can see some colors close to #e31f22. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#e31f22 Preview
This text has a font color of #e31f22.
<span style="color:#e31f22;">Text here</span>
This paragraph has a background color of #e31f22.
<p style="background-color:#e31f22;">Content here</p>
This element has a border color of #e31f22.
<div style="border:1px solid #e31f22;">Content here</div>
.text {color:#e31f22;}
.background {background-color:#e31f22;}
.border {border:1px solid #e31f22;}
Shades and Tints of #e31f22
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, #030000 is the darkest color, while #fdf0f0 is the lightest one.
-
#030000
#030000
rgb(3,0,0)
-
#140303
#140303
rgb(20,3,3)
-
#260505
#260505
rgb(38,5,5)
-
#370708
#370708
rgb(55,7,8)
-
#48090a
#48090a
rgb(72,9,10)
-
#5a0b0c
#5a0b0c
rgb(90,11,12)
-
#6b0d0f
#6b0d0f
rgb(107,13,15)
-
#7d1011
#7d1011
rgb(125,16,17)
-
#8e1214
#8e1214
rgb(142,18,20)
-
#a01416
#a01416
rgb(160,20,22)
-
#b11618
#b11618
rgb(177,22,24)
-
#c2181b
#c2181b
rgb(194,24,27)
-
#d41a1d
#d41a1d
rgb(212,26,29)
-
#e31f22
#e31f22
rgb(227,31,34)
-
#e53033
#e53033
rgb(229,48,51)
-
#e74244
#e74244
rgb(231,66,68)
-
#ea5356
#ea5356
rgb(234,83,86)
-
#ec6567
#ec6567
rgb(236,101,103)
-
#ee7678
#ee7678
rgb(238,118,120)
-
#f08889
#f08889
rgb(240,136,137)
-
#f2999a
#f2999a
rgb(242,153,154)
-
#f4aaac
#f4aaac
rgb(244,170,172)
-
#f7bcbd
#f7bcbd
rgb(247,188,189)
-
#f9cdce
#f9cdce
rgb(249,205,206)
-
#fbdfdf
#fbdfdf
rgb(251,223,223)
-
#fdf0f0
#fdf0f0
rgb(253,240,240)
Tones of #e31f22
A tone is produced by adding gray to any pure hue. In this case, #828080 is the less saturated color, while #f60c0f is the most saturated one.
-
#828080
#828080
rgb(130,128,128)
-
#8c7677
#8c7677
rgb(140,118,119)
-
#956d6d
#956d6d
rgb(149,109,109)
-
#9f6364
#9f6364
rgb(159,99,100)
-
#a9595a
#a9595a
rgb(169,89,90)
-
#b34f51
#b34f51
rgb(179,79,81)
-
#bc4648
#bc4648
rgb(188,70,72)
-
#c63c3e
#c63c3e
rgb(198,60,62)
-
#d03235
#d03235
rgb(208,50,53)
-
#d9292b
#d9292b
rgb(217,41,43)
-
#e31f22
#e31f22
rgb(227,31,34)
-
#ed1519
#ed1519
rgb(237,21,25)
-
#f60c0f
#f60c0f
rgb(246,12,15)
Color Blindness Simulator
Below, you can see how #e31f22 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.