#de0022 hex color

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

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

● #de0022 color description : Pure (or mostly pure) red.

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

Hex triplet	de0022	`#de0022`
RGB Decimal	222, 0, 34	`rgb(222,0,34)`
RGB Percent	87.1, 0, 13.3	`rgb(87.1%,0%,13.3%)`
CMYK	0, 100, 85, 13
HSL	350.8°, 100, 43.5	`hsl(350.8,100%,43.5%)`
HSV (or HSB)	350.8°, 100, 87.1
Web Safe	cc0033	`#cc0033`

CIE-LAB	46.511, 72.551, 47.827
XYZ	30.415, 15.649, 2.933
xyY	0.621, 0.319, 15.649
CIE-LCH	46.511, 86.897, 33.394
CIE-LUV	46.511, 148.893, 27.682
Hunter-Lab	39.559, 68.01, 23.296
Binary	11011110, 00000000, 00100010

#de0022
```
#de0022 rgb(222,0,34)
```
#00debc
```
#00debc rgb(0,222,188)
```

Complementary Color

#de0091
```
#de0091 rgb(222,0,145)
```
#de0022
```
#de0022 rgb(222,0,34)
```
#de4d00
```
#de4d00 rgb(222,77,0)
```

Analogous Color

#0091de
```
#0091de rgb(0,145,222)
```
#de0022
```
#de0022 rgb(222,0,34)
```
#00de4d
```
#00de4d rgb(0,222,77)
```

Split Complementary Color

#0022de
```
#0022de rgb(0,34,222)
```
#de0022
```
#de0022 rgb(222,0,34)
```
#22de00
```
#22de00 rgb(34,222,0)
```

Triadic Color

#bc00de
```
#bc00de rgb(188,0,222)
```
#de0022
```
#de0022 rgb(222,0,34)
```
#22de00
```
#22de00 rgb(34,222,0)
```
#00debc
```
#00debc rgb(0,222,188)
```

Tetradic Color

#920016
```
#920016 rgb(146,0,22)
```
#ab001a
```
#ab001a rgb(171,0,26)
```
#c5001e
```
#c5001e rgb(197,0,30)
```
#de0022
```
#de0022 rgb(222,0,34)
```
#f80026
```
#f80026 rgb(248,0,38)
```
#ff1236
```
#ff1236 rgb(255,18,54)
```
#ff2c4c
```
#ff2c4c rgb(255,44,76)
```

Monochromatic Color

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

#de005a
```
#de005a rgb(222,0,90)
```
#de0047
```
#de0047 rgb(222,0,71)
```
#de0035
```
#de0035 rgb(222,0,53)
```
#de0022
```
#de0022 rgb(222,0,34)
```
#de0010
```
#de0010 rgb(222,0,16)
```
#de0300
```
#de0300 rgb(222,3,0)
```
#de1500
```
#de1500 rgb(222,21,0)
```

Similar Colors

Text with hexadecimal color #de0022

This text has a font color of #de0022.

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

#de0022 background color

This paragraph has a background color of #de0022.

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

#de0022 border color

This element has a border color of #de0022.

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

CSS codes

.text {color:#de0022;}

.background {background-color:#de0022;}

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

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

#060001
```
#060001 rgb(6,0,1)
```
#1a0004
```
#1a0004 rgb(26,0,4)
```
#2d0007
```
#2d0007 rgb(45,0,7)
```
#41000a
```
#41000a rgb(65,0,10)
```
#55000d
```
#55000d rgb(85,0,13)
```
#680010
```
#680010 rgb(104,0,16)
```
#7c0013
```
#7c0013 rgb(124,0,19)
```
#900016
```
#900016 rgb(144,0,22)
```
#a30019
```
#a30019 rgb(163,0,25)
```
#b7001c
```
#b7001c rgb(183,0,28)
```
#ca001f
```
#ca001f rgb(202,0,31)
```
#de0022
```
#de0022 rgb(222,0,34)
```
#f20025
```
#f20025 rgb(242,0,37)
```

Shade Color Variation

#ff062c
```
#ff062c rgb(255,6,44)
```
#ff1a3d
```
#ff1a3d rgb(255,26,61)
```
#ff2d4e
```
#ff2d4e rgb(255,45,78)
```
#ff415e
```
#ff415e rgb(255,65,94)
```
#ff556f
```
#ff556f rgb(255,85,111)
```
#ff687f
```
#ff687f rgb(255,104,127)
```
#ff7c90
```
#ff7c90 rgb(255,124,144)
```
#ff90a1
```
#ff90a1 rgb(255,144,161)
```
#ffa3b1
```
#ffa3b1 rgb(255,163,177)
```
#ffb7c2
```
#ffb7c2 rgb(255,183,194)
```
#ffcad2
```
#ffcad2 rgb(255,202,210)
```
#ffdee3
```
#ffdee3 rgb(255,222,227)
```
#fff2f4
```
#fff2f4 rgb(255,242,244)
```

Tint Color Variation

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

#786669
```
#786669 rgb(120,102,105)
```
#805e63
```
#805e63 rgb(128,94,99)
```
#89555d
```
#89555d rgb(137,85,93)
```
#914d57
```
#914d57 rgb(145,77,87)
```
#9a4451
```
#9a4451 rgb(154,68,81)
```
#a23c4b
```
#a23c4b rgb(162,60,75)
```
#ab3346
```
#ab3346 rgb(171,51,70)
```
#b32b40
```
#b32b40 rgb(179,43,64)
```
#bc223a
```
#bc223a rgb(188,34,58)
```
#c41a34
```
#c41a34 rgb(196,26,52)
```
#cd112e
```
#cd112e rgb(205,17,46)
```
#d50928
```
#d50928 rgb(213,9,40)
```
#de0022
```
#de0022 rgb(222,0,34)
```

Tone Color Variation

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

#464646 Achromatopsia 0.005% of the population
#64383f Atypical Achromatopsia 0.001% of the population

Dichromacy

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

Trichromacy

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

#de0022 hex color

#de0022 Color Information

#de0022 Color Conversion

Color Schemes with #de0022

Alternatives to #de0022

#de0022 Preview

Shades and Tints of #de0022

Tones of #de0022

Color Blindness Simulator