#ed2f22 hex color

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

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

● #ed2f22 color description : Vivid red.

The hexadecimal color #ed2f22 has RGB values of R:237, G:47, B:34 and CMYK values of C:0, M:0.8, Y:0.86, K:0.07. Its decimal value is 15544098.

Hex triplet	ed2f22	`#ed2f22`
RGB Decimal	237, 47, 34	`rgb(237,47,34)`
RGB Percent	92.9, 18.4, 13.3	`rgb(92.9%,18.4%,13.3%)`
CMYK	0, 80, 86, 7
HSL	3.8°, 84.9, 53.1	`hsl(3.8,84.9%,53.1%)`
HSV (or HSB)	3.8°, 85.7, 92.9
Web Safe	ff3333	`#ff3333`

CIE-LAB	52.015, 69.372, 53.698
XYZ	36.232, 20.158, 3.496
xyY	0.605, 0.337, 20.158
CIE-LCH	52.015, 87.726, 37.742
CIE-LUV	52.015, 146.955, 34.73
Hunter-Lab	44.897, 65.48, 26.811
Binary	11101101, 00101111, 00100010

#ed2f22
```
#ed2f22 rgb(237,47,34)
```
#22e0ed
```
#22e0ed rgb(34,224,237)
```

Complementary Color

#ed227b
```
#ed227b rgb(237,34,123)
```
#ed2f22
```
#ed2f22 rgb(237,47,34)
```
#ed9522
```
#ed9522 rgb(237,149,34)
```

Analogous Color

#227bed
```
#227bed rgb(34,123,237)
```
#ed2f22
```
#ed2f22 rgb(237,47,34)
```
#22ed95
```
#22ed95 rgb(34,237,149)
```

Split Complementary Color

#2f22ed
```
#2f22ed rgb(47,34,237)
```
#ed2f22
```
#ed2f22 rgb(237,47,34)
```
#22ed2f
```
#22ed2f rgb(34,237,47)
```

Triadic Color

#ed22e0
```
#ed22e0 rgb(237,34,224)
```
#ed2f22
```
#ed2f22 rgb(237,47,34)
```
#22ed2f
```
#22ed2f rgb(34,237,47)
```
#22e0ed
```
#22e0ed rgb(34,224,237)
```

Tetradic Color

#b4190f
```
#b4190f rgb(180,25,15)
```
#cb1d11
```
#cb1d11 rgb(203,29,17)
```
#e32012
```
#e32012 rgb(227,32,18)
```
#ed2f22
```
#ed2f22 rgb(237,47,34)
```
#ef453a
```
#ef453a rgb(239,69,58)
```
#f15b51
```
#f15b51 rgb(241,91,81)
```
#f37269
```
#f37269 rgb(243,114,105)
```

Monochromatic Color

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

#ed2248
```
#ed2248 rgb(237,34,72)
```
#ed2237
```
#ed2237 rgb(237,34,55)
```
#ed2226
```
#ed2226 rgb(237,34,38)
```
#ed2f22
```
#ed2f22 rgb(237,47,34)
```
#ed4022
```
#ed4022 rgb(237,64,34)
```
#ed5122
```
#ed5122 rgb(237,81,34)
```
#ed6222
```
#ed6222 rgb(237,98,34)
```

Similar Colors

Text with hexadecimal color #ed2f22

This text has a font color of #ed2f22.

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

#ed2f22 background color

This paragraph has a background color of #ed2f22.

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

#ed2f22 border color

This element has a border color of #ed2f22.

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

CSS codes

.text {color:#ed2f22;}

.background {background-color:#ed2f22;}

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

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

#0f0201
```
#0f0201 rgb(15,2,1)
```
#210503
```
#210503 rgb(33,5,3)
```
#330704
```
#330704 rgb(51,7,4)
```
#450a06
```
#450a06 rgb(69,10,6)
```
#570c07
```
#570c07 rgb(87,12,7)
```
#690f09
```
#690f09 rgb(105,15,9)
```
#7c110a
```
#7c110a rgb(124,17,10)
```
#8e140c
```
#8e140c rgb(142,20,12)
```
#a0160d
```
#a0160d rgb(160,22,13)
```
#b2190f
```
#b2190f rgb(178,25,15)
```
#c41c10
```
#c41c10 rgb(196,28,16)
```
#d61e11
```
#d61e11 rgb(214,30,17)
```
#e82113
```
#e82113 rgb(232,33,19)
```

Shade Color Variation

#ed2f22
```
#ed2f22 rgb(237,47,34)
```
#ee4034
```
#ee4034 rgb(238,64,52)
```
#f05146
```
#f05146 rgb(240,81,70)
```
#f16258
```
#f16258 rgb(241,98,88)
```
#f3736b
```
#f3736b rgb(243,115,107)
```
#f4847d
```
#f4847d rgb(244,132,125)
```
#f6958f
```
#f6958f rgb(246,149,143)
```
#f7a6a1
```
#f7a6a1 rgb(247,166,161)
```
#f9b8b3
```
#f9b8b3 rgb(249,184,179)
```
#fac9c5
```
#fac9c5 rgb(250,201,197)
```
#fcdad7
```
#fcdad7 rgb(252,218,215)
```
#fdebea
```
#fdebea rgb(253,235,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 #f62719 is the most saturated one.

#888787
```
#888787 rgb(136,135,135)
```
#917f7e
```
#917f7e rgb(145,127,126)
```
#9a7775
```
#9a7775 rgb(154,119,117)
```
#a36f6c
```
#a36f6c rgb(163,111,108)
```
#ad6762
```
#ad6762 rgb(173,103,98)
```
#b65f59
```
#b65f59 rgb(182,95,89)
```
#bf5750
```
#bf5750 rgb(191,87,80)
```
#c84f47
```
#c84f47 rgb(200,79,71)
```
#d1473e
```
#d1473e rgb(209,71,62)
```
#db3f34
```
#db3f34 rgb(219,63,52)
```
#e4372b
```
#e4372b rgb(228,55,43)
```
#ed2f22
```
#ed2f22 rgb(237,47,34)
```
#f62719
```
#f62719 rgb(246,39,25)
```

Tone Color Variation

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

#666666 Achromatopsia 0.005% of the population
#815b58 Atypical Achromatopsia 0.001% of the population

Dichromacy

#90823e Protanopia 1% of men
#a37c12 Deuteranopia 1% of men
#ee3838 Tritanopia 0.001% of the population

Trichromacy

#b26434 Protanomaly 1% of men, 0.01% of women
#be6018 Deuteranomaly 6% of men, 0.4% of women
#ed3430 Tritanomaly 0.01% of the population

#ed2f22 hex color

#ed2f22 Color Information

#ed2f22 Color Conversion

Color Schemes with #ed2f22

Alternatives to #ed2f22

#ed2f22 Preview

Shades and Tints of #ed2f22

Tones of #ed2f22

Color Blindness Simulator