#de2216 hex color

In a RGB color space, hex #de2216 is composed of 87.1% red, 13.3% green and 8.6% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 84.7% magenta, 90.1% yellow and 12.9% black. It has a hue angle of 3.6 degrees, a saturation of 82% and a lightness of 47.8%. #de2216 color hex could be obtained by blending #ff442c with #bd0000. Closest websafe color is: #cc3300.

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

● #de2216 color description : Vivid red.

The hexadecimal color #de2216 has RGB values of R:222, G:34, B:22 and CMYK values of C:0, M:0.85, Y:0.9, K:0.13. Its decimal value is 14557718.

Hex triplet	de2216	`#de2216`
RGB Decimal	222, 34, 22	`rgb(222,34,22)`
RGB Percent	87.1, 13.3, 8.6	`rgb(87.1%,13.3%,8.6%)`
CMYK	0, 85, 90, 13
HSL	3.6°, 82, 47.8	`hsl(3.6,82%,47.8%)`
HSV (or HSB)	3.6°, 90.1, 87.1
Web Safe	cc3300	`#cc3300`

CIE-LAB	47.925, 68.051, 54.41
XYZ	30.843, 16.736, 2.365
xyY	0.618, 0.335, 16.736
CIE-LCH	47.925, 87.129, 38.644
CIE-LUV	47.925, 142.729, 32.952
Hunter-Lab	40.909, 62.986, 25.208
Binary	11011110, 00100010, 00010110

#de2216
```
#de2216 rgb(222,34,22)
```
#16d2de
```
#16d2de rgb(22,210,222)
```

Complementary Color

#de166e
```
#de166e rgb(222,22,110)
```
#de2216
```
#de2216 rgb(222,34,22)
```
#de8616
```
#de8616 rgb(222,134,22)
```

Analogous Color

#166ede
```
#166ede rgb(22,110,222)
```
#de2216
```
#de2216 rgb(222,34,22)
```
#16de86
```
#16de86 rgb(22,222,134)
```

Split Complementary Color

#2216de
```
#2216de rgb(34,22,222)
```
#de2216
```
#de2216 rgb(222,34,22)
```
#16de22
```
#16de22 rgb(22,222,34)
```

Triadic Color

#de16d2
```
#de16d2 rgb(222,22,210)
```
#de2216
```
#de2216 rgb(222,34,22)
```
#16de22
```
#16de22 rgb(22,222,34)
```
#16d2de
```
#16d2de rgb(22,210,222)
```

Tetradic Color

#98170f
```
#98170f rgb(152,23,15)
```
#b01b11
```
#b01b11 rgb(176,27,17)
```
#c71e14
```
#c71e14 rgb(199,30,20)
```
#de2216
```
#de2216 rgb(222,34,22)
```
#e93024
```
#e93024 rgb(233,48,36)
```
#ec463b
```
#ec463b rgb(236,70,59)
```
#ee5c53
```
#ee5c53 rgb(238,92,83)
```

Monochromatic Color

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

#de163c
```
#de163c rgb(222,22,60)
```
#de162b
```
#de162b rgb(222,22,43)
```
#de161b
```
#de161b rgb(222,22,27)
```
#de2216
```
#de2216 rgb(222,34,22)
```
#de3316
```
#de3316 rgb(222,51,22)
```
#de4316
```
#de4316 rgb(222,67,22)
```
#de5416
```
#de5416 rgb(222,84,22)
```

Similar Colors

Text with hexadecimal color #de2216

This text has a font color of #de2216.

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

#de2216 background color

This paragraph has a background color of #de2216.

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

#de2216 border color

This element has a border color of #de2216.

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

CSS codes

.text {color:#de2216;}

.background {background-color:#de2216;}

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

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

#080101
```
#080101 rgb(8,1,1)
```
#1a0403
```
#1a0403 rgb(26,4,3)
```
#2c0704
```
#2c0704 rgb(44,7,4)
```
#3d0906
```
#3d0906 rgb(61,9,6)
```
#4f0c08
```
#4f0c08 rgb(79,12,8)
```
#610f0a
```
#610f0a rgb(97,15,10)
```
#73120b
```
#73120b rgb(115,18,11)
```
#85140d
```
#85140d rgb(133,20,13)
```
#97170f
```
#97170f rgb(151,23,15)
```
#a81a11
```
#a81a11 rgb(168,26,17)
```
#ba1d12
```
#ba1d12 rgb(186,29,18)
```
#cc1f14
```
#cc1f14 rgb(204,31,20)
```
#de2216
```
#de2216 rgb(222,34,22)
```

Shade Color Variation

#e92b1f
```
#e92b1f rgb(233,43,31)
```
#eb3c31
```
#eb3c31 rgb(235,60,49)
```
#ec4d43
```
#ec4d43 rgb(236,77,67)
```
#ee5e54
```
#ee5e54 rgb(238,94,84)
```
#f06e66
```
#f06e66 rgb(240,110,102)
```
#f27f78
```
#f27f78 rgb(242,127,120)
```
#f3908a
```
#f3908a rgb(243,144,138)
```
#f5a19c
```
#f5a19c rgb(245,161,156)
```
#f7b2ae
```
#f7b2ae rgb(247,178,174)
```
#f9c3bf
```
#f9c3bf rgb(249,195,191)
```
#fad4d1
```
#fad4d1 rgb(250,212,209)
```
#fce5e3
```
#fce5e3 rgb(252,229,227)
```
#fef6f5
```
#fef6f5 rgb(254,246,245)
```

Tint Color Variation

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

#807574
```
#807574 rgb(128,117,116)
```
#8a6c6a
```
#8a6c6a rgb(138,108,106)
```
#936461
```
#936461 rgb(147,100,97)
```
#9c5c58
```
#9c5c58 rgb(156,92,88)
```
#a6544e
```
#a6544e rgb(166,84,78)
```
#af4b45
```
#af4b45 rgb(175,75,69)
```
#b8433c
```
#b8433c rgb(184,67,60)
```
#c23b32
```
#c23b32 rgb(194,59,50)
```
#cb3329
```
#cb3329 rgb(203,51,41)
```
#d52a1f
```
#d52a1f rgb(213,42,31)
```
#de2216
```
#de2216 rgb(222,34,22)
```
#e71a0d
```
#e71a0d rgb(231,26,13)
```
#f11103
```
#f11103 rgb(241,17,3)
```

Tone Color Variation

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

#595959 Achromatopsia 0.005% of the population
#744e4c Atypical Achromatopsia 0.001% of the population

Dichromacy

#867932 Protanopia 1% of men
#977300 Deuteranopia 1% of men
#df2c2b Tritanopia 0.001% of the population

Trichromacy

#a65928 Protanomaly 1% of men, 0.01% of women
#b15508 Deuteranomaly 6% of men, 0.4% of women
#df2823 Tritanomaly 0.01% of the population

#de2216 hex color

#de2216 Color Information

#de2216 Color Conversion

Color Schemes with #de2216

Alternatives to #de2216

#de2216 Preview

Shades and Tints of #de2216

Tones of #de2216

Color Blindness Simulator