#ed222c Color Information
In a RGB color space, hex #ed222c is composed of 92.9% red, 13.3% green and 17.3% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 85.7% magenta, 81.4% yellow and 7.1% black. It has a hue angle of 357 degrees, a saturation of 84.9% and a lightness of 53.1%. #ed222c color hex could be obtained by blending #ff4458 with #db0000. Closest websafe color is: #ff3333.
-
- R 93
- G 13
- B 17
-
- C 0
- M 86
- Y 81
- K 7
● #ed222c color description : Vivid red.
#ed222c Color Conversion
The hexadecimal color #ed222c has RGB values of R:237, G:34, B:44 and CMYK values of C:0, M:0.86, Y:0.81, K:0.07. Its decimal value is 15540780.
Hex triplet | ed222c | #ed222c |
---|---|---|
RGB Decimal | 237, 34, 44 | rgb(237,34,44) |
RGB Percent | 92.9, 13.3, 17.3 | rgb(92.9%,13.3%,17.3%) |
CMYK | 0, 86, 81, 7 | |
HSL | 357°, 84.9, 53.1 | hsl(357,84.9%,53.1%) |
HSV (or HSB) | 357°, 85.7, 92.9 | |
Web Safe | ff3333 | #ff3333 |
CIE-LAB | 51.077, 72.483, 47.957 |
---|---|
XYZ | 35.954, 19.335, 4.222 |
xyY | 0.604, 0.325, 19.335 |
CIE-LCH | 51.077, 86.912, 33.49 |
CIE-LUV | 51.077, 150.619, 30.227 |
Hunter-Lab | 43.972, 69.001, 25.088 |
Binary | 11101101, 00100010, 00101100 |
Color Schemes with #ed222c
Alternatives to #ed222c
Below, you can see some colors close to #ed222c. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#ed222c Preview
This text has a font color of #ed222c.
<span style="color:#ed222c;">Text here</span>
This paragraph has a background color of #ed222c.
<p style="background-color:#ed222c;">Content here</p>
This element has a border color of #ed222c.
<div style="border:1px solid #ed222c;">Content here</div>
.text {color:#ed222c;}
.background {background-color:#ed222c;}
.border {border:1px solid #ed222c;}
Shades and Tints of #ed222c
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)
-
#330406
#330406
rgb(51,4,6)
-
#450609
#450609
rgb(69,6,9)
-
#57070b
#57070b
rgb(87,7,11)
-
#69090d
#69090d
rgb(105,9,13)
-
#7c0a10
#7c0a10
rgb(124,10,16)
-
#8e0c12
#8e0c12
rgb(142,12,18)
-
#a00d14
#a00d14
rgb(160,13,20)
-
#b20f17
#b20f17
rgb(178,15,23)
-
#c41019
#c41019
rgb(196,16,25)
-
#d6111b
#d6111b
rgb(214,17,27)
-
#e8131d
#e8131d
rgb(232,19,29)
-
#ed222c
#ed222c
rgb(237,34,44)
-
#ee343d
#ee343d
rgb(238,52,61)
-
#f0464f
#f0464f
rgb(240,70,79)
-
#f15860
#f15860
rgb(241,88,96)
-
#f36b71
#f36b71
rgb(243,107,113)
-
#f47d83
#f47d83
rgb(244,125,131)
-
#f68f94
#f68f94
rgb(246,143,148)
-
#f7a1a5
#f7a1a5
rgb(247,161,165)
-
#f9b3b7
#f9b3b7
rgb(249,179,183)
-
#fac5c8
#fac5c8
rgb(250,197,200)
-
#fcd7d9
#fcd7d9
rgb(252,215,217)
-
#fdeaea
#fdeaea
rgb(253,234,234)
-
#fffcfc
#fffcfc
rgb(255,252,252)
Tones of #ed222c
A tone is produced by adding gray to any pure hue. In this case, #888787 is the less saturated color, while #f61924 is the most saturated one.
-
#888787
#888787
rgb(136,135,135)
-
#917e7f
#917e7f
rgb(145,126,127)
-
#9a7577
#9a7577
rgb(154,117,119)
-
#a36c6e
#a36c6e
rgb(163,108,110)
-
#ad6266
#ad6266
rgb(173,98,102)
-
#b6595e
#b6595e
rgb(182,89,94)
-
#bf5055
#bf5055
rgb(191,80,85)
-
#c8474d
#c8474d
rgb(200,71,77)
-
#d13e45
#d13e45
rgb(209,62,69)
-
#db343d
#db343d
rgb(219,52,61)
-
#e42b34
#e42b34
rgb(228,43,52)
-
#ed222c
#ed222c
rgb(237,34,44)
-
#f61924
#f61924
rgb(246,25,36)
Color Blindness Simulator
Below, you can see how #ed222c 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.