#ed221d hex color

In a RGB color space, hex #ed221d is composed of 92.9% red, 13.3% green and 11.4% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 85.7% magenta, 87.8% yellow and 7.1% black. It has a hue angle of 1.4 degrees, a saturation of 85.2% and a lightness of 52.2%. #ed221d color hex could be obtained by blending #ff443a with #db0000. Closest websafe color is: #ff3333.

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

● #ed221d color description : Vivid red.

The hexadecimal color #ed221d has RGB values of R:237, G:34, B:29 and CMYK values of C:0, M:0.86, Y:0.88, K:0.07. Its decimal value is 15540765.

Hex triplet	ed221d	`#ed221d`
RGB Decimal	237, 34, 29	`rgb(237,34,29)`
RGB Percent	92.9, 13.3, 11.4	`rgb(92.9%,13.3%,11.4%)`
CMYK	0, 86, 88, 7
HSL	1.4°, 85.2, 52.2	`hsl(1.4,85.2%,52.2%)`
HSV (or HSB)	1.4°, 87.8, 92.9
Web Safe	ff3333	`#ff3333`

CIE-LAB	50.969, 72.166, 55.087
XYZ	35.721, 19.242, 2.996
xyY	0.616, 0.332, 19.242
CIE-LCH	50.969, 90.788, 37.356
CIE-LUV	50.969, 152.931, 33.919
Hunter-Lab	43.866, 68.592, 26.657
Binary	11101101, 00100010, 00011101

#ed221d
```
#ed221d rgb(237,34,29)
```
#1de8ed
```
#1de8ed rgb(29,232,237)
```

Complementary Color

#ed1d80
```
#ed1d80 rgb(237,29,128)
```
#ed221d
```
#ed221d rgb(237,34,29)
```
#ed8a1d
```
#ed8a1d rgb(237,138,29)
```

Analogous Color

#1d80ed
```
#1d80ed rgb(29,128,237)
```
#ed221d
```
#ed221d rgb(237,34,29)
```
#1ded8a
```
#1ded8a rgb(29,237,138)
```

Split Complementary Color

#221ded
```
#221ded rgb(34,29,237)
```
#ed221d
```
#ed221d rgb(237,34,29)
```
#1ded22
```
#1ded22 rgb(29,237,34)
```

Triadic Color

#ed1de8
```
#ed1de8 rgb(237,29,232)
```
#ed221d
```
#ed221d rgb(237,34,29)
```
#1ded22
```
#1ded22 rgb(29,237,34)
```
#1de8ed
```
#1de8ed rgb(29,232,237)
```

Tetradic Color

#b0120e
```
#b0120e rgb(176,18,14)
```
#c71410
```
#c71410 rgb(199,20,16)
```
#df1712
```
#df1712 rgb(223,23,18)
```
#ed221d
```
#ed221d rgb(237,34,29)
```
#ef3935
```
#ef3935 rgb(239,57,53)
```
#f1504c
```
#f1504c rgb(241,80,76)
```
#f36764
```
#f36764 rgb(243,103,100)
```

Monochromatic Color

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

#ed1d4c
```
#ed1d4c rgb(237,29,76)
```
#ed1d3b
```
#ed1d3b rgb(237,29,59)
```
#ed1d29
```
#ed1d29 rgb(237,29,41)
```
#ed221d
```
#ed221d rgb(237,34,29)
```
#ed331d
```
#ed331d rgb(237,51,29)
```
#ed451d
```
#ed451d rgb(237,69,29)
```
#ed561d
```
#ed561d rgb(237,86,29)
```

Similar Colors

Text with hexadecimal color #ed221d

This text has a font color of #ed221d.

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

#ed221d background color

This paragraph has a background color of #ed221d.

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

#ed221d border color

This element has a border color of #ed221d.

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

CSS codes

.text {color:#ed221d;}

.background {background-color:#ed221d;}

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

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, #0a0101 is the darkest color, while #fef7f7 is the lightest one.

#0a0101
```
#0a0101 rgb(10,1,1)
```
#1c0302
```
#1c0302 rgb(28,3,2)
```
#2f0504
```
#2f0504 rgb(47,5,4)
```
#410705
```
#410705 rgb(65,7,5)
```
#530807
```
#530807 rgb(83,8,7)
```
#650a08
```
#650a08 rgb(101,10,8)
```
#770c09
```
#770c09 rgb(119,12,9)
```
#890e0b
```
#890e0b rgb(137,14,11)
```
#9c100c
```
#9c100c rgb(156,16,12)
```
#ae120e
```
#ae120e rgb(174,18,14)
```
#c0140f
```
#c0140f rgb(192,20,15)
```
#d21511
```
#d21511 rgb(210,21,17)
```
#e41712
```
#e41712 rgb(228,23,18)
```

Shade Color Variation

#ed221d
```
#ed221d rgb(237,34,29)
```
#ee342f
```
#ee342f rgb(238,52,47)
```
#f04641
```
#f04641 rgb(240,70,65)
```
#f15754
```
#f15754 rgb(241,87,84)
```
#f36966
```
#f36966 rgb(243,105,102)
```
#f47b78
```
#f47b78 rgb(244,123,120)
```
#f68d8a
```
#f68d8a rgb(246,141,138)
```
#f79e9c
```
#f79e9c rgb(247,158,156)
```
#f9b0ae
```
#f9b0ae rgb(249,176,174)
```
#fac2c1
```
#fac2c1 rgb(250,194,193)
```
#fbd4d3
```
#fbd4d3 rgb(251,212,211)
```
#fde5e5
```
#fde5e5 rgb(253,229,229)
```
#fef7f7
```
#fef7f7 rgb(254,247,247)
```

Tint Color Variation

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

#868484
```
#868484 rgb(134,132,132)
```
#8f7b7b
```
#8f7b7b rgb(143,123,123)
```
#997271
```
#997271 rgb(153,114,113)
```
#a26968
```
#a26968 rgb(162,105,104)
```
#ab615f
```
#ab615f rgb(171,97,95)
```
#b55855
```
#b55855 rgb(181,88,85)
```
#be4f4c
```
#be4f4c rgb(190,79,76)
```
#c74643
```
#c74643 rgb(199,70,67)
```
#d13d39
```
#d13d39 rgb(209,61,57)
```
#da3430
```
#da3430 rgb(218,52,48)
```
#e42b26
```
#e42b26 rgb(228,43,38)
```
#ed221d
```
#ed221d rgb(237,34,29)
```
#f61914
```
#f61914 rgb(246,25,20)
```

Tone Color Variation

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

#5e5e5e Achromatopsia 0.005% of the population
#7b5251 Atypical Achromatopsia 0.001% of the population

Dichromacy

#8e803a Protanopia 1% of men
#a07a00 Deuteranopia 1% of men
#ed2d2b Tritanopia 0.001% of the population

Trichromacy

#b05e2f Protanomaly 1% of men, 0.01% of women
#bc5a0a Deuteranomaly 6% of men, 0.4% of women
#ed2926 Tritanomaly 0.01% of the population

#ed221d hex color

#ed221d Color Information

#ed221d Color Conversion

Color Schemes with #ed221d

Alternatives to #ed221d

#ed221d Preview

Shades and Tints of #ed221d

Tones of #ed221d

Color Blindness Simulator