#ed222e Color Information
In a RGB color space, hex #ed222e is composed of 92.9% red, 13.3% green and 18% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 85.7% magenta, 80.6% yellow and 7.1% black. It has a hue angle of 356.5 degrees, a saturation of 84.9% and a lightness of 53.1%. #ed222e color hex could be obtained by blending #ff445c with #db0000. Closest websafe color is: #ff3333.
-
- R 93
- G 13
- B 18
-
- C 0
- M 86
- Y 81
- K 7
● #ed222e color description : Vivid red.
#ed222e Color Conversion
The hexadecimal color #ed222e has RGB values of R:237, G:34, B:46 and CMYK values of C:0, M:0.86, Y:0.81, K:0.07. Its decimal value is 15540782.
Hex triplet | ed222e | #ed222e |
---|---|---|
RGB Decimal | 237, 34, 46 | rgb(237,34,46) |
RGB Percent | 92.9, 13.3, 18 | rgb(92.9%,13.3%,18%) |
CMYK | 0, 86, 81, 7 | |
HSL | 356.5°, 84.9, 53.1 | hsl(356.5,84.9%,53.1%) |
HSV (or HSB) | 356.5°, 85.7, 92.9 | |
Web Safe | ff3333 | #ff3333 |
CIE-LAB | 51.095, 72.536, 46.921 |
---|---|
XYZ | 35.992, 19.35, 4.425 |
xyY | 0.602, 0.324, 19.35 |
CIE-LCH | 51.095, 86.389, 32.898 |
CIE-LUV | 51.095, 150.244, 29.626 |
Hunter-Lab | 43.989, 69.068, 24.829 |
Binary | 11101101, 00100010, 00101110 |
Color Schemes with #ed222e
Alternatives to #ed222e
Below, you can see some colors close to #ed222e. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#ed222e Preview
This text has a font color of #ed222e.
<span style="color:#ed222e;">Text here</span>
This paragraph has a background color of #ed222e.
<p style="background-color:#ed222e;">Content here</p>
This element has a border color of #ed222e.
<div style="border:1px solid #ed222e;">Content here</div>
.text {color:#ed222e;}
.background {background-color:#ed222e;}
.border {border:1px solid #ed222e;}
Shades and Tints of #ed222e
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, #0f0102 is the darkest color, while #fffcfc is the lightest one.
-
#0f0102
#0f0102
rgb(15,1,2)
-
#210304
#210304
rgb(33,3,4)
-
#330407
#330407
rgb(51,4,7)
-
#450609
#450609
rgb(69,6,9)
-
#57070c
#57070c
rgb(87,7,12)
-
#69090e
#69090e
rgb(105,9,14)
-
#7c0a11
#7c0a11
rgb(124,10,17)
-
#8e0c13
#8e0c13
rgb(142,12,19)
-
#a00d16
#a00d16
rgb(160,13,22)
-
#b20f18
#b20f18
rgb(178,15,24)
-
#c4101b
#c4101b
rgb(196,16,27)
-
#d6111d
#d6111d
rgb(214,17,29)
-
#e81320
#e81320
rgb(232,19,32)
-
#ed222e
#ed222e
rgb(237,34,46)
-
#ee343f
#ee343f
rgb(238,52,63)
-
#f04650
#f04650
rgb(240,70,80)
-
#f15861
#f15861
rgb(241,88,97)
-
#f36b73
#f36b73
rgb(243,107,115)
-
#f47d84
#f47d84
rgb(244,125,132)
-
#f68f95
#f68f95
rgb(246,143,149)
-
#f7a1a6
#f7a1a6
rgb(247,161,166)
-
#f9b3b7
#f9b3b7
rgb(249,179,183)
-
#fac5c8
#fac5c8
rgb(250,197,200)
-
#fcd7da
#fcd7da
rgb(252,215,218)
-
#fdeaeb
#fdeaeb
rgb(253,234,235)
-
#fffcfc
#fffcfc
rgb(255,252,252)
Tones of #ed222e
A tone is produced by adding gray to any pure hue. In this case, #888787 is the less saturated color, while #f61926 is the most saturated one.
-
#888787
#888787
rgb(136,135,135)
-
#917e7f
#917e7f
rgb(145,126,127)
-
#9a7577
#9a7577
rgb(154,117,119)
-
#a36c6f
#a36c6f
rgb(163,108,111)
-
#ad6267
#ad6267
rgb(173,98,103)
-
#b6595f
#b6595f
rgb(182,89,95)
-
#bf5057
#bf5057
rgb(191,80,87)
-
#c8474e
#c8474e
rgb(200,71,78)
-
#d13e46
#d13e46
rgb(209,62,70)
-
#db343e
#db343e
rgb(219,52,62)
-
#e42b36
#e42b36
rgb(228,43,54)
-
#ed222e
#ed222e
rgb(237,34,46)
-
#f61926
#f61926
rgb(246,25,38)
Color Blindness Simulator
Below, you can see how #ed222e 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.