#ed2204 hex color

In a RGB color space, hex #ed2204 is composed of 92.9% red, 13.3% green and 1.6% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 85.7% magenta, 98.3% yellow and 7.1% black. It has a hue angle of 7.7 degrees, a saturation of 96.7% and a lightness of 47.3%. #ed2204 color hex could be obtained by blending #ff4408 with #db0000. Closest websafe color is: #ff3300.

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

● #ed2204 color description : Vivid red.

The hexadecimal color #ed2204 has RGB values of R:237, G:34, B:4 and CMYK values of C:0, M:0.86, Y:0.98, K:0.07. Its decimal value is 15540740.

Hex triplet	ed2204	`#ed2204`
RGB Decimal	237, 34, 4	`rgb(237,34,4)`
RGB Percent	92.9, 13.3, 1.6	`rgb(92.9%,13.3%,1.6%)`
CMYK	0, 86, 98, 7
HSL	7.7°, 96.7, 47.3	`hsl(7.7,96.7%,47.3%)`
HSV (or HSB)	7.7°, 98.3, 92.9
Web Safe	ff3300	`#ff3300`

CIE-LAB	50.876, 71.892, 63.038
XYZ	35.521, 19.162, 1.943
xyY	0.627, 0.338, 19.162
CIE-LCH	50.876, 95.615, 41.245
CIE-LUV	50.876, 154.973, 37.171
Hunter-Lab	43.774, 68.239, 28.01
Binary	11101101, 00100010, 00000100

#ed2204
```
#ed2204 rgb(237,34,4)
```
#04cfed
```
#04cfed rgb(4,207,237)
```

Complementary Color

#ed045b
```
#ed045b rgb(237,4,91)
```
#ed2204
```
#ed2204 rgb(237,34,4)
```
#ed9704
```
#ed9704 rgb(237,151,4)
```

Analogous Color

#045bed
```
#045bed rgb(4,91,237)
```
#ed2204
```
#ed2204 rgb(237,34,4)
```
#04ed97
```
#04ed97 rgb(4,237,151)
```

Split Complementary Color

#2204ed
```
#2204ed rgb(34,4,237)
```
#ed2204
```
#ed2204 rgb(237,34,4)
```
#04ed22
```
#04ed22 rgb(4,237,34)
```

Triadic Color

#ed04cf
```
#ed04cf rgb(237,4,207)
```
#ed2204
```
#ed2204 rgb(237,34,4)
```
#04ed22
```
#04ed22 rgb(4,237,34)
```
#04cfed
```
#04cfed rgb(4,207,237)
```

Tetradic Color

#a21703
```
#a21703 rgb(162,23,3)
```
#bb1b03
```
#bb1b03 rgb(187,27,3)
```
#d41e04
```
#d41e04 rgb(212,30,4)
```
#ed2204
```
#ed2204 rgb(237,34,4)
```
#fb2e10
```
#fb2e10 rgb(251,46,16)
```
#fb4429
```
#fb4429 rgb(251,68,41)
```
#fc5a42
```
#fc5a42 rgb(252,90,66)
```

Monochromatic Color

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

#ed0420
```
#ed0420 rgb(237,4,32)
```
#ed040d
```
#ed040d rgb(237,4,13)
```
#ed0f04
```
#ed0f04 rgb(237,15,4)
```
#ed2204
```
#ed2204 rgb(237,34,4)
```
#ed3504
```
#ed3504 rgb(237,53,4)
```
#ed4904
```
#ed4904 rgb(237,73,4)
```
#ed5c04
```
#ed5c04 rgb(237,92,4)
```

Similar Colors

Text with hexadecimal color #ed2204

This text has a font color of #ed2204.

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

#ed2204 background color

This paragraph has a background color of #ed2204.

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

#ed2204 border color

This element has a border color of #ed2204.

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

CSS codes

.text {color:#ed2204;}

.background {background-color:#ed2204;}

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

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, #060100 is the darkest color, while #fff3f1 is the lightest one.

#060100
```
#060100 rgb(6,1,0)
```
#190400
```
#190400 rgb(25,4,0)
```
#2c0601
```
#2c0601 rgb(44,6,1)
```
#3f0901
```
#3f0901 rgb(63,9,1)
```
#530c01
```
#530c01 rgb(83,12,1)
```
#660f02
```
#660f02 rgb(102,15,2)
```
#791102
```
#791102 rgb(121,17,2)
```
#8d1402
```
#8d1402 rgb(141,20,2)
```
#a01703
```
#a01703 rgb(160,23,3)
```
#b31a03
```
#b31a03 rgb(179,26,3)
```
#c61c03
```
#c61c03 rgb(198,28,3)
```
#da1f04
```
#da1f04 rgb(218,31,4)
```
#ed2204
```
#ed2204 rgb(237,34,4)
```

Shade Color Variation

#fb290a
```
#fb290a rgb(251,41,10)
```
#fb3a1d
```
#fb3a1d rgb(251,58,29)
```
#fc4a30
```
#fc4a30 rgb(252,74,48)
```
#fc5b44
```
#fc5b44 rgb(252,91,68)
```
#fc6c57
```
#fc6c57 rgb(252,108,87)
```
#fc7d6a
```
#fc7d6a rgb(252,125,106)
```
#fd8e7d
```
#fd8e7d rgb(253,142,125)
```
#fd9f91
```
#fd9f91 rgb(253,159,145)
```
#fdb0a4
```
#fdb0a4 rgb(253,176,164)
```
#fec0b7
```
#fec0b7 rgb(254,192,183)
```
#fed1cb
```
#fed1cb rgb(254,209,203)
```
#fee2de
```
#fee2de rgb(254,226,222)
```
#fff3f1
```
#fff3f1 rgb(255,243,241)
```

Tint Color Variation

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

#7e7573
```
#7e7573 rgb(126,117,115)
```
#876e6a
```
#876e6a rgb(135,110,106)
```
#906761
```
#906761 rgb(144,103,97)
```
#9a6057
```
#9a6057 rgb(154,96,87)
```
#a3594e
```
#a3594e rgb(163,89,78)
```
#ac5245
```
#ac5245 rgb(172,82,69)
```
#b54b3c
```
#b54b3c rgb(181,75,60)
```
#bf4432
```
#bf4432 rgb(191,68,50)
```
#c83e29
```
#c83e29 rgb(200,62,41)
```
#d13720
```
#d13720 rgb(209,55,32)
```
#da3017
```
#da3017 rgb(218,48,23)
```
#e4290d
```
#e4290d rgb(228,41,13)
```
#ed2204
```
#ed2204 rgb(237,34,4)
```

Tone Color Variation

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

#5b5b5b Achromatopsia 0.005% of the population
#78504a Atypical Achromatopsia 0.001% of the population

Dichromacy

#8f8023 Protanopia 1% of men
#9f7a00 Deuteranopia 1% of men
#ee2b28 Tritanopia 0.001% of the population

Trichromacy

#b15e18 Protanomaly 1% of men, 0.01% of women
#bb5a01 Deuteranomaly 6% of men, 0.4% of women
#ed271b Tritanomaly 0.01% of the population

#ed2204 hex color

#ed2204 Color Information

#ed2204 Color Conversion

Color Schemes with #ed2204

Alternatives to #ed2204

#ed2204 Preview

Shades and Tints of #ed2204

Tones of #ed2204

Color Blindness Simulator