#de1022 hex color

In a RGB color space, hex #de1022 is composed of 87.1% red, 6.3% green and 13.3% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 92.8% magenta, 84.7% yellow and 12.9% black. It has a hue angle of 354.8 degrees, a saturation of 86.6% and a lightness of 46.7%. #de1022 color hex could be obtained by blending #ff2044 with #bd0000. Closest websafe color is: #cc0033.

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

● #de1022 color description : Vivid red.

The hexadecimal color #de1022 has RGB values of R:222, G:16, B:34 and CMYK values of C:0, M:0.93, Y:0.85, K:0.13. Its decimal value is 14553122.

Hex triplet	de1022	`#de1022`
RGB Decimal	222, 16, 34	`rgb(222,16,34)`
RGB Percent	87.1, 6.3, 13.3	`rgb(87.1%,6.3%,13.3%)`
CMYK	0, 93, 85, 13
HSL	354.8°, 86.6, 46.7	`hsl(354.8,86.6%,46.7%)`
HSV (or HSB)	354.8°, 92.8, 87.1
Web Safe	cc0033	`#cc0033`

CIE-LAB	47, 71.133, 48.253
XYZ	30.6, 16.02, 2.994
xyY	0.617, 0.323, 16.02
CIE-LCH	47, 85.955, 34.151
CIE-LUV	47, 146.33, 28.599
Hunter-Lab	40.025, 66.425, 23.582
Binary	11011110, 00010000, 00100010

#de1022
```
#de1022 rgb(222,16,34)
```
#10decc
```
#10decc rgb(16,222,204)
```

Complementary Color

#de1089
```
#de1089 rgb(222,16,137)
```
#de1022
```
#de1022 rgb(222,16,34)
```
#de6510
```
#de6510 rgb(222,101,16)
```

Analogous Color

#1089de
```
#1089de rgb(16,137,222)
```
#de1022
```
#de1022 rgb(222,16,34)
```
#10de65
```
#10de65 rgb(16,222,101)
```

Split Complementary Color

#1022de
```
#1022de rgb(16,34,222)
```
#de1022
```
#de1022 rgb(222,16,34)
```
#22de10
```
#22de10 rgb(34,222,16)
```

Triadic Color

#cc10de
```
#cc10de rgb(204,16,222)
```
#de1022
```
#de1022 rgb(222,16,34)
```
#22de10
```
#22de10 rgb(34,222,16)
```
#10decc
```
#10decc rgb(16,222,204)
```

Tetradic Color

#970b17
```
#970b17 rgb(151,11,23)
```
#ae0d1b
```
#ae0d1b rgb(174,13,27)
```
#c60e1e
```
#c60e1e rgb(198,14,30)
```
#de1022
```
#de1022 rgb(222,16,34)
```
#ee192c
```
#ee192c rgb(238,25,44)
```
#f03142
```
#f03142 rgb(240,49,66)
```
#f24957
```
#f24957 rgb(242,73,87)
```

Monochromatic Color

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

#de1055
```
#de1055 rgb(222,16,85)
```
#de1044
```
#de1044 rgb(222,16,68)
```
#de1033
```
#de1033 rgb(222,16,51)
```
#de1022
```
#de1022 rgb(222,16,34)
```
#de1011
```
#de1011 rgb(222,16,17)
```
#de2010
```
#de2010 rgb(222,32,16)
```
#de3210
```
#de3210 rgb(222,50,16)
```

Similar Colors

Text with hexadecimal color #de1022

This text has a font color of #de1022.

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

#de1022 background color

This paragraph has a background color of #de1022.

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

#de1022 border color

This element has a border color of #de1022.

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

CSS codes

.text {color:#de1022;}

.background {background-color:#de1022;}

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

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

#020000
```
#020000 rgb(2,0,0)
```
#150103
```
#150103 rgb(21,1,3)
```
#270306
```
#270306 rgb(39,3,6)
```
#390409
```
#390409 rgb(57,4,9)
```
#4c050c
```
#4c050c rgb(76,5,12)
```
#5e070e
```
#5e070e rgb(94,7,14)
```
#700811
```
#700811 rgb(112,8,17)
```
#830914
```
#830914 rgb(131,9,20)
```
#950b17
```
#950b17 rgb(149,11,23)
```
#a70c1a
```
#a70c1a rgb(167,12,26)
```
#b90d1c
```
#b90d1c rgb(185,13,28)
```
#cc0f1f
```
#cc0f1f rgb(204,15,31)
```
#de1022
```
#de1022 rgb(222,16,34)
```

Shade Color Variation

#ee1427
```
#ee1427 rgb(238,20,39)
```
#ef2637
```
#ef2637 rgb(239,38,55)
```
#f13848
```
#f13848 rgb(241,56,72)
```
#f24a59
```
#f24a59 rgb(242,74,89)
```
#f35d6a
```
#f35d6a rgb(243,93,106)
```
#f56f7b
```
#f56f7b rgb(245,111,123)
```
#f6818c
```
#f6818c rgb(246,129,140)
```
#f7949c
```
#f7949c rgb(247,148,156)
```
#f9a6ad
```
#f9a6ad rgb(249,166,173)
```
#fab8be
```
#fab8be rgb(250,184,190)
```
#fbcbcf
```
#fbcbcf rgb(251,203,207)
```
#fddde0
```
#fddde0 rgb(253,221,224)
```
#feeff0
```
#feeff0 rgb(254,239,240)
```

Tint Color Variation

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

#797575
```
#797575 rgb(121,117,117)
```
#826c6e
```
#826c6e rgb(130,108,110)
```
#8c6266
```
#8c6266 rgb(140,98,102)
```
#95595e
```
#95595e rgb(149,89,94)
```
#9e5057
```
#9e5057 rgb(158,80,87)
```
#a7474f
```
#a7474f rgb(167,71,79)
```
#b03e48
```
#b03e48 rgb(176,62,72)
```
#b93540
```
#b93540 rgb(185,53,64)
```
#c32b39
```
#c32b39 rgb(195,43,57)
```
#cc2231
```
#cc2231 rgb(204,34,49)
```
#d5192a
```
#d5192a rgb(213,25,42)
```
#de1022
```
#de1022 rgb(222,16,34)
```
#e7071a
```
#e7071a rgb(231,7,26)
```

Tone Color Variation

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

#505050 Achromatopsia 0.005% of the population
#6c4347 Atypical Achromatopsia 0.001% of the population

Dichromacy

#827640 Protanopia 1% of men
#947116 Deuteranopia 1% of men
#df201a Tritanopia 0.001% of the population

Trichromacy

#a35135 Protanomaly 1% of men, 0.01% of women
#af4d1a Deuteranomaly 6% of men, 0.4% of women
#de1a1d Tritanomaly 0.01% of the population

#de1022 hex color

#de1022 Color Information

#de1022 Color Conversion

Color Schemes with #de1022

Alternatives to #de1022

#de1022 Preview

Shades and Tints of #de1022

Tones of #de1022

Color Blindness Simulator