#ed222a hex color

In a RGB color space, hex #ed222a is composed of 92.9% red, 13.3% green and 16.5% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 85.7% magenta, 82.3% yellow and 7.1% black. It has a hue angle of 357.6 degrees, a saturation of 84.9% and a lightness of 53.1%. #ed222a color hex could be obtained by blending #ff4454 with #db0000. Closest websafe color is: #ff3333.

♥
- f
- t
- g
- R 93
- G 13
- B 16
RGB color chart
- C 0
- M 86
- Y 82
- K 7
CMYK color chart

● #ed222a color description : Vivid red.

The hexadecimal color #ed222a has RGB values of R:237, G:34, B:42 and CMYK values of C:0, M:0.86, Y:0.82, K:0.07. Its decimal value is 15540778.

Hex triplet	ed222a	`#ed222a`
RGB Decimal	237, 34, 42	`rgb(237,34,42)`
RGB Percent	92.9, 13.3, 16.5	`rgb(92.9%,13.3%,16.5%)`
CMYK	0, 86, 82, 7
HSL	357.6°, 84.9, 53.1	`hsl(357.6,84.9%,53.1%)`
HSV (or HSB)	357.6°, 85.7, 92.9
Web Safe	ff3333	`#ff3333`

CIE-LAB	51.06, 72.433, 48.977
XYZ	35.917, 19.32, 4.028
xyY	0.606, 0.326, 19.32
CIE-LCH	51.06, 87.438, 34.065
CIE-LUV	51.06, 150.979, 30.802
Hunter-Lab	43.955, 68.936, 25.335
Binary	11101101, 00100010, 00101010

#ed222a
```
#ed222a rgb(237,34,42)
```
#22ede5
```
#22ede5 rgb(34,237,229)
```

Complementary Color

#ed2290
```
#ed2290 rgb(237,34,144)
```
#ed222a
```
#ed222a rgb(237,34,42)
```
#ed8022
```
#ed8022 rgb(237,128,34)
```

Analogous Color

#2290ed
```
#2290ed rgb(34,144,237)
```
#ed222a
```
#ed222a rgb(237,34,42)
```
#22ed80
```
#22ed80 rgb(34,237,128)
```

Split Complementary Color

#222aed
```
#222aed rgb(34,42,237)
```
#ed222a
```
#ed222a rgb(237,34,42)
```
#2aed22
```
#2aed22 rgb(42,237,34)
```

Triadic Color

#e522ed
```
#e522ed rgb(229,34,237)
```
#ed222a
```
#ed222a rgb(237,34,42)
```
#2aed22
```
#2aed22 rgb(42,237,34)
```
#22ede5
```
#22ede5 rgb(34,237,229)
```

Tetradic Color

#b40f15
```
#b40f15 rgb(180,15,21)
```
#cb1118
```
#cb1118 rgb(203,17,24)
```
#e3121b
```
#e3121b rgb(227,18,27)
```
#ed222a
```
#ed222a rgb(237,34,42)
```
#ef3a41
```
#ef3a41 rgb(239,58,65)
```
#f15157
```
#f15157 rgb(241,81,87)
```
#f3696e
```
#f3696e rgb(243,105,110)
```

Monochromatic Color

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

#ed225d
```
#ed225d rgb(237,34,93)
```
#ed224c
```
#ed224c rgb(237,34,76)
```
#ed223b
```
#ed223b rgb(237,34,59)
```
#ed222a
```
#ed222a rgb(237,34,42)
```
#ed2b22
```
#ed2b22 rgb(237,43,34)
```
#ed3c22
```
#ed3c22 rgb(237,60,34)
```
#ed4d22
```
#ed4d22 rgb(237,77,34)
```

Similar Colors

Text with hexadecimal color #ed222a

This text has a font color of #ed222a.

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

#ed222a background color

This paragraph has a background color of #ed222a.

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

#ed222a border color

This element has a border color of #ed222a.

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

CSS codes

.text {color:#ed222a;}

.background {background-color:#ed222a;}

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

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)
```
#450608
```
#450608 rgb(69,6,8)
```
#57070a
```
#57070a rgb(87,7,10)
```
#69090c
```
#69090c rgb(105,9,12)
```
#7c0a0f
```
#7c0a0f rgb(124,10,15)
```
#8e0c11
```
#8e0c11 rgb(142,12,17)
```
#a00d13
```
#a00d13 rgb(160,13,19)
```
#b20f15
```
#b20f15 rgb(178,15,21)
```
#c41017
```
#c41017 rgb(196,16,23)
```
#d61119
```
#d61119 rgb(214,17,25)
```
#e8131b
```
#e8131b rgb(232,19,27)
```

Shade Color Variation

#ed222a
```
#ed222a rgb(237,34,42)
```
#ee343b
```
#ee343b rgb(238,52,59)
```
#f0464d
```
#f0464d rgb(240,70,77)
```
#f1585e
```
#f1585e rgb(241,88,94)
```
#f36b70
```
#f36b70 rgb(243,107,112)
```
#f47d81
```
#f47d81 rgb(244,125,129)
```
#f68f93
```
#f68f93 rgb(246,143,147)
```
#f7a1a4
```
#f7a1a4 rgb(247,161,164)
```
#f9b3b6
```
#f9b3b6 rgb(249,179,182)
```
#fac5c7
```
#fac5c7 rgb(250,197,199)
```
#fcd7d9
```
#fcd7d9 rgb(252,215,217)
```
#fdeaea
```
#fdeaea rgb(253,234,234)
```
#fffcfc
```
#fffcfc rgb(255,252,252)
```

Tint Color Variation

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

#888787
```
#888787 rgb(136,135,135)
```
#917e7f
```
#917e7f rgb(145,126,127)
```
#9a7576
```
#9a7576 rgb(154,117,118)
```
#a36c6e
```
#a36c6e rgb(163,108,110)
```
#ad6265
```
#ad6265 rgb(173,98,101)
```
#b6595d
```
#b6595d rgb(182,89,93)
```
#bf5054
```
#bf5054 rgb(191,80,84)
```
#c8474c
```
#c8474c rgb(200,71,76)
```
#d13e43
```
#d13e43 rgb(209,62,67)
```
#db343b
```
#db343b rgb(219,52,59)
```
#e42b32
```
#e42b32 rgb(228,43,50)
```
#ed222a
```
#ed222a rgb(237,34,42)
```
#f61922
```
#f61922 rgb(246,25,34)
```

Tone Color Variation

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

#606060 Achromatopsia 0.005% of the population
#7c5455 Atypical Achromatopsia 0.001% of the population

Dichromacy

#8c8049 Protanopia 1% of men
#a07a21 Deuteranopia 1% of men
#ed2e2d Tritanopia 0.001% of the population

Trichromacy

#af5e3d Protanomaly 1% of men, 0.01% of women
#bc5a24 Deuteranomaly 6% of men, 0.4% of women
#ed2a2c Tritanomaly 0.01% of the population

#ed222a hex color

#ed222a Color Information

#ed222a Color Conversion

Color Schemes with #ed222a

Alternatives to #ed222a

#ed222a Preview

Shades and Tints of #ed222a

Tones of #ed222a

Color Blindness Simulator