#de2224 hex color

In a RGB color space, hex #de2224 is composed of 87.1% red, 13.3% green and 14.1% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 84.7% magenta, 83.8% yellow and 12.9% black. It has a hue angle of 359.4 degrees, a saturation of 74% and a lightness of 50.2%. #de2224 color hex could be obtained by blending #ff4448 with #bd0000. Closest websafe color is: #cc3333.

♥
- f
- t
- g
- R 87
- G 13
- B 14
RGB color chart
- C 0
- M 85
- Y 84
- K 13
CMYK color chart

● #de2224 color description : Bright red.

The hexadecimal color #de2224 has RGB values of R:222, G:34, B:36 and CMYK values of C:0, M:0.85, Y:0.84, K:0.13. Its decimal value is 14557732.

Hex triplet	de2224	`#de2224`
RGB Decimal	222, 34, 36	`rgb(222,34,36)`
RGB Percent	87.1, 13.3, 14.1	`rgb(87.1%,13.3%,14.1%)`
CMYK	0, 85, 84, 13
HSL	359.4°, 74, 50.2	`hsl(359.4,74%,50.2%)`
HSV (or HSB)	359.4°, 84.7, 87.1
Web Safe	cc3333	`#cc3333`

CIE-LAB	48.013, 68.314, 48.14
XYZ	31.016, 16.805, 3.28
xyY	0.607, 0.329, 16.805
CIE-LCH	48.013, 83.572, 35.172
CIE-LUV	48.013, 140.871, 29.949
Hunter-Lab	40.994, 63.315, 23.952
Binary	11011110, 00100010, 00100100

#de2224
```
#de2224 rgb(222,34,36)
```
#22dedc
```
#22dedc rgb(34,222,220)
```

Complementary Color

#de2282
```
#de2282 rgb(222,34,130)
```
#de2224
```
#de2224 rgb(222,34,36)
```
#de7e22
```
#de7e22 rgb(222,126,34)
```

Analogous Color

#2282de
```
#2282de rgb(34,130,222)
```
#de2224
```
#de2224 rgb(222,34,36)
```
#22de7e
```
#22de7e rgb(34,222,126)
```

Split Complementary Color

#2224de
```
#2224de rgb(34,36,222)
```
#de2224
```
#de2224 rgb(222,34,36)
```
#24de22
```
#24de22 rgb(36,222,34)
```

Triadic Color

#dc22de
```
#dc22de rgb(220,34,222)
```
#de2224
```
#de2224 rgb(222,34,36)
```
#24de22
```
#24de22 rgb(36,222,34)
```
#22dedc
```
#22dedc rgb(34,222,220)
```

Tetradic Color

#9c1719
```
#9c1719 rgb(156,23,25)
```
#b21b1c
```
#b21b1c rgb(178,27,28)
```
#c91e20
```
#c91e20 rgb(201,30,32)
```
#de2224
```
#de2224 rgb(222,34,36)
```
#e1383a
```
#e1383a rgb(225,56,58)
```
#e54e50
```
#e54e50 rgb(229,78,80)
```
#e86566
```
#e86566 rgb(232,101,102)
```

Monochromatic Color

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

#de2253
```
#de2253 rgb(222,34,83)
```
#de2243
```
#de2243 rgb(222,34,67)
```
#de2234
```
#de2234 rgb(222,34,52)
```
#de2224
```
#de2224 rgb(222,34,36)
```
#de3022
```
#de3022 rgb(222,48,34)
```
#de3f22
```
#de3f22 rgb(222,63,34)
```
#de4f22
```
#de4f22 rgb(222,79,34)
```

Similar Colors

Text with hexadecimal color #de2224

This text has a font color of #de2224.

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

#de2224 background color

This paragraph has a background color of #de2224.

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

#de2224 border color

This element has a border color of #de2224.

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

CSS codes

.text {color:#de2224;}

.background {background-color:#de2224;}

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

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

#010000
```
#010000 rgb(1,0,0)
```
#120303
```
#120303 rgb(18,3,3)
```
#230506
```
#230506 rgb(35,5,6)
```
#340808
```
#340808 rgb(52,8,8)
```
#450a0b
```
#450a0b rgb(69,10,11)
```
#560d0e
```
#560d0e rgb(86,13,14)
```
#670f10
```
#670f10 rgb(103,15,16)
```
#781213
```
#781213 rgb(120,18,19)
```
#891516
```
#891516 rgb(137,21,22)
```
#9a1718
```
#9a1718 rgb(154,23,24)
```
#ac1a1b
```
#ac1a1b rgb(172,26,27)
```
#bd1c1e
```
#bd1c1e rgb(189,28,30)
```
#ce1f21
```
#ce1f21 rgb(206,31,33)
```

Shade Color Variation

#de2224
```
#de2224 rgb(222,34,36)
```
#e13335
```
#e13335 rgb(225,51,53)
```
#e34446
```
#e34446 rgb(227,68,70)
```
#e65557
```
#e65557 rgb(230,85,87)
```
#e86668
```
#e86668 rgb(232,102,104)
```
#eb7779
```
#eb7779 rgb(235,119,121)
```
#ed8889
```
#ed8889 rgb(237,136,137)
```
#f0999a
```
#f0999a rgb(240,153,154)
```
#f2abab
```
#f2abab rgb(242,171,171)
```
#f5bcbc
```
#f5bcbc rgb(245,188,188)
```
#f7cdcd
```
#f7cdcd rgb(247,205,205)
```
#fadede
```
#fadede rgb(250,222,222)
```
#fdefef
```
#fdefef rgb(253,239,239)
```

Tint Color Variation

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

#867a7a
```
#867a7a rgb(134,122,122)
```
#907070
```
#907070 rgb(144,112,112)
```
#9a6667
```
#9a6667 rgb(154,102,103)
```
#a35d5d
```
#a35d5d rgb(163,93,93)
```
#ad5354
```
#ad5354 rgb(173,83,84)
```
#b7494a
```
#b7494a rgb(183,73,74)
```
#c13f41
```
#c13f41 rgb(193,63,65)
```
#ca3637
```
#ca3637 rgb(202,54,55)
```
#d42c2e
```
#d42c2e rgb(212,44,46)
```
#de2224
```
#de2224 rgb(222,34,36)
```
#e8181a
```
#e8181a rgb(232,24,26)
```
#f20e11
```
#f20e11 rgb(242,14,17)
```
#fb0507
```
#fb0507 rgb(251,5,7)
```

Tone Color Variation

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

#5a5a5a Achromatopsia 0.005% of the population
#744f4f Atypical Achromatopsia 0.001% of the population

Dichromacy

#857941 Protanopia 1% of men
#97731b Deuteranopia 1% of men
#df2d2c Tritanopia 0.001% of the population

Trichromacy

#a55936 Protanomaly 1% of men, 0.01% of women
#b1551e Deuteranomaly 6% of men, 0.4% of women
#df2929 Tritanomaly 0.01% of the population

#de2224 hex color

#de2224 Color Information

#de2224 Color Conversion

Color Schemes with #de2224

Alternatives to #de2224

#de2224 Preview

Shades and Tints of #de2224

Tones of #de2224

Color Blindness Simulator