#de0222 hex color

In a RGB color space, hex #de0222 is composed of 87.1% red, 0.8% green and 13.3% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 99.1% magenta, 84.7% yellow and 12.9% black. It has a hue angle of 351.3 degrees, a saturation of 98.2% and a lightness of 43.9%. #de0222 color hex could be obtained by blending #ff0444 with #bd0000. Closest websafe color is: #cc0033.

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

● #de0222 color description : Vivid red.

The hexadecimal color #de0222 has RGB values of R:222, G:2, B:34 and CMYK values of C:0, M:0.99, Y:0.85, K:0.13. Its decimal value is 14549538.

Hex triplet	de0222	`#de0222`
RGB Decimal	222, 2, 34	`rgb(222,2,34)`
RGB Percent	87.1, 0.8, 13.3	`rgb(87.1%,0.8%,13.3%)`
CMYK	0, 99, 85, 13
HSL	351.3°, 98.2, 43.9	`hsl(351.3,98.2%,43.9%)`
HSV (or HSB)	351.3°, 99.1, 87.1
Web Safe	cc0033	`#cc0033`

CIE-LAB	46.569, 72.383, 47.877
XYZ	30.436, 15.693, 2.94
xyY	0.62, 0.32, 15.693
CIE-LCH	46.569, 86.784, 33.482
CIE-LUV	46.569, 148.59, 27.79
Hunter-Lab	39.614, 67.822, 23.33
Binary	11011110, 00000010, 00100010

#de0222
```
#de0222 rgb(222,2,34)
```
#02debe
```
#02debe rgb(2,222,190)
```

Complementary Color

#de0290
```
#de0290 rgb(222,2,144)
```
#de0222
```
#de0222 rgb(222,2,34)
```
#de5002
```
#de5002 rgb(222,80,2)
```

Analogous Color

#0290de
```
#0290de rgb(2,144,222)
```
#de0222
```
#de0222 rgb(222,2,34)
```
#02de50
```
#02de50 rgb(2,222,80)
```

Split Complementary Color

#0222de
```
#0222de rgb(2,34,222)
```
#de0222
```
#de0222 rgb(222,2,34)
```
#22de02
```
#22de02 rgb(34,222,2)
```

Triadic Color

#be02de
```
#be02de rgb(190,2,222)
```
#de0222
```
#de0222 rgb(222,2,34)
```
#22de02
```
#22de02 rgb(34,222,2)
```
#02debe
```
#02debe rgb(2,222,190)
```

Tetradic Color

#920116
```
#920116 rgb(146,1,22)
```
#ab021a
```
#ab021a rgb(171,2,26)
```
#c5021e
```
#c5021e rgb(197,2,30)
```
#de0222
```
#de0222 rgb(222,2,34)
```
#f70226
```
#f70226 rgb(247,2,38)
```
#fd1638
```
#fd1638 rgb(253,22,56)
```
#fd2f4d
```
#fd2f4d rgb(253,47,77)
```

Monochromatic Color

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

#de0259
```
#de0259 rgb(222,2,89)
```
#de0247
```
#de0247 rgb(222,2,71)
```
#de0234
```
#de0234 rgb(222,2,52)
```
#de0222
```
#de0222 rgb(222,2,34)
```
#de0210
```
#de0210 rgb(222,2,16)
```
#de0702
```
#de0702 rgb(222,7,2)
```
#de1902
```
#de1902 rgb(222,25,2)
```

Similar Colors

Text with hexadecimal color #de0222

This text has a font color of #de0222.

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

#de0222 background color

This paragraph has a background color of #de0222.

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

#de0222 border color

This element has a border color of #de0222.

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

CSS codes

.text {color:#de0222;}

.background {background-color:#de0222;}

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

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

#080001
```
#080001 rgb(8,0,1)
```
#1c0004
```
#1c0004 rgb(28,0,4)
```
#2f0007
```
#2f0007 rgb(47,0,7)
```
#42010a
```
#42010a rgb(66,1,10)
```
#56010d
```
#56010d rgb(86,1,13)
```
#690110
```
#690110 rgb(105,1,16)
```
#7d0113
```
#7d0113 rgb(125,1,19)
```
#900116
```
#900116 rgb(144,1,22)
```
#a40119
```
#a40119 rgb(164,1,25)
```
#b7021c
```
#b7021c rgb(183,2,28)
```
#cb021f
```
#cb021f rgb(203,2,31)
```
#de0222
```
#de0222 rgb(222,2,34)
```
#f10225
```
#f10225 rgb(241,2,37)
```

Shade Color Variation

#fd0a2e
```
#fd0a2e rgb(253,10,46)
```
#fd1e3e
```
#fd1e3e rgb(253,30,62)
```
#fd314f
```
#fd314f rgb(253,49,79)
```
#fd4560
```
#fd4560 rgb(253,69,96)
```
#fd5870
```
#fd5870 rgb(253,88,112)
```
#fe6c81
```
#fe6c81 rgb(254,108,129)
```
#fe7f92
```
#fe7f92 rgb(254,127,146)
```
#fe93a2
```
#fe93a2 rgb(254,147,162)
```
#fea6b3
```
#fea6b3 rgb(254,166,179)
```
#feb9c3
```
#feb9c3 rgb(254,185,195)
```
#ffcdd4
```
#ffcdd4 rgb(255,205,212)
```
#ffe0e5
```
#ffe0e5 rgb(255,224,229)
```
#fff4f5
```
#fff4f5 rgb(255,244,245)
```

Tint Color Variation

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

#77696b
```
#77696b rgb(119,105,107)
```
#7f6165
```
#7f6165 rgb(127,97,101)
```
#88585f
```
#88585f rgb(136,88,95)
```
#905059
```
#905059 rgb(144,80,89)
```
#994753
```
#994753 rgb(153,71,83)
```
#a23e4d
```
#a23e4d rgb(162,62,77)
```
#aa3647
```
#aa3647 rgb(170,54,71)
```
#b32d41
```
#b32d41 rgb(179,45,65)
```
#bc243a
```
#bc243a rgb(188,36,58)
```
#c41c34
```
#c41c34 rgb(196,28,52)
```
#cd132e
```
#cd132e rgb(205,19,46)
```
#d50b28
```
#d50b28 rgb(213,11,40)
```
#de0222
```
#de0222 rgb(222,2,34)
```

Tone Color Variation

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

#474747 Achromatopsia 0.005% of the population
#653940 Atypical Achromatopsia 0.001% of the population

Dichromacy

#817541 Protanopia 1% of men
#937015 Deuteranopia 1% of men
#df1700 Tritanopia 0.001% of the population

Trichromacy

#a34b36 Protanomaly 1% of men, 0.01% of women
#ae481a Deuteranomaly 6% of men, 0.4% of women
#de0f0c Tritanomaly 0.01% of the population

#de0222 hex color

#de0222 Color Information

#de0222 Color Conversion

Color Schemes with #de0222

Alternatives to #de0222

#de0222 Preview

Shades and Tints of #de0222

Tones of #de0222

Color Blindness Simulator