#de2422 hex color

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

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

● #de2422 color description : Bright red.

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

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

CIE-LAB	48.147, 67.844, 49.249
XYZ	31.045, 16.911, 3.143
xyY	0.608, 0.331, 16.911
CIE-LCH	48.147, 83.835, 35.976
CIE-LUV	48.147, 140.426, 30.734
Hunter-Lab	41.123, 62.793, 24.255
Binary	11011110, 00100100, 00100010

#de2422
```
#de2422 rgb(222,36,34)
```
#22dcde
```
#22dcde rgb(34,220,222)
```

Complementary Color

#de227e
```
#de227e rgb(222,34,126)
```
#de2422
```
#de2422 rgb(222,36,34)
```
#de8222
```
#de8222 rgb(222,130,34)
```

Analogous Color

#227ede
```
#227ede rgb(34,126,222)
```
#de2422
```
#de2422 rgb(222,36,34)
```
#22de82
```
#22de82 rgb(34,222,130)
```

Split Complementary Color

#2422de
```
#2422de rgb(36,34,222)
```
#de2422
```
#de2422 rgb(222,36,34)
```
#22de24
```
#22de24 rgb(34,222,36)
```

Triadic Color

#de22dc
```
#de22dc rgb(222,34,220)
```
#de2422
```
#de2422 rgb(222,36,34)
```
#22de24
```
#22de24 rgb(34,222,36)
```
#22dcde
```
#22dcde rgb(34,220,222)
```

Tetradic Color

#9c1917
```
#9c1917 rgb(156,25,23)
```
#b21c1b
```
#b21c1b rgb(178,28,27)
```
#c9201e
```
#c9201e rgb(201,32,30)
```
#de2422
```
#de2422 rgb(222,36,34)
```
#e13a38
```
#e13a38 rgb(225,58,56)
```
#e5504e
```
#e5504e rgb(229,80,78)
```
#e86665
```
#e86665 rgb(232,102,101)
```

Monochromatic Color

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

#de224f
```
#de224f rgb(222,34,79)
```
#de223f
```
#de223f rgb(222,34,63)
```
#de2230
```
#de2230 rgb(222,34,48)
```
#de2422
```
#de2422 rgb(222,36,34)
```
#de3422
```
#de3422 rgb(222,52,34)
```
#de4322
```
#de4322 rgb(222,67,34)
```
#de5322
```
#de5322 rgb(222,83,34)
```

Similar Colors

Text with hexadecimal color #de2422

This text has a font color of #de2422.

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

#de2422 background color

This paragraph has a background color of #de2422.

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

#de2422 border color

This element has a border color of #de2422.

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

CSS codes

.text {color:#de2422;}

.background {background-color:#de2422;}

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

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)
```
#230605
```
#230605 rgb(35,6,5)
```
#340808
```
#340808 rgb(52,8,8)
```
#450b0a
```
#450b0a rgb(69,11,10)
```
#560e0d
```
#560e0d rgb(86,14,13)
```
#67100f
```
#67100f rgb(103,16,15)
```
#781312
```
#781312 rgb(120,19,18)
```
#891615
```
#891615 rgb(137,22,21)
```
#9a1817
```
#9a1817 rgb(154,24,23)
```
#ac1b1a
```
#ac1b1a rgb(172,27,26)
```
#bd1e1c
```
#bd1e1c rgb(189,30,28)
```
#ce211f
```
#ce211f rgb(206,33,31)
```

Shade Color Variation

#de2422
```
#de2422 rgb(222,36,34)
```
#e13533
```
#e13533 rgb(225,53,51)
```
#e34644
```
#e34644 rgb(227,70,68)
```
#e65755
```
#e65755 rgb(230,87,85)
```
#e86866
```
#e86866 rgb(232,104,102)
```
#eb7977
```
#eb7977 rgb(235,121,119)
```
#ed8988
```
#ed8988 rgb(237,137,136)
```
#f09a99
```
#f09a99 rgb(240,154,153)
```
#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 #fb0705 is the most saturated one.

#867a7a
```
#867a7a rgb(134,122,122)
```
#907070
```
#907070 rgb(144,112,112)
```
#9a6766
```
#9a6766 rgb(154,103,102)
```
#a35d5d
```
#a35d5d rgb(163,93,93)
```
#ad5453
```
#ad5453 rgb(173,84,83)
```
#b74a49
```
#b74a49 rgb(183,74,73)
```
#c1413f
```
#c1413f rgb(193,65,63)
```
#ca3736
```
#ca3736 rgb(202,55,54)
```
#d42e2c
```
#d42e2c rgb(212,46,44)
```
#de2422
```
#de2422 rgb(222,36,34)
```
#e81a18
```
#e81a18 rgb(232,26,24)
```
#f2110e
```
#f2110e rgb(242,17,14)
```
#fb0705
```
#fb0705 rgb(251,7,5)
```

Tone Color Variation

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

#5b5b5b Achromatopsia 0.005% of the population
#755050 Atypical Achromatopsia 0.001% of the population

Dichromacy

#85793f Protanopia 1% of men
#977317 Deuteranopia 1% of men
#df2f2e Tritanopia 0.001% of the population

Trichromacy

#a55a34 Protanomaly 1% of men, 0.01% of women
#b1561b Deuteranomaly 6% of men, 0.4% of women
#df2b29 Tritanomaly 0.01% of the population

#de2422 hex color

#de2422 Color Information

#de2422 Color Conversion

Color Schemes with #de2422

Alternatives to #de2422

#de2422 Preview

Shades and Tints of #de2422

Tones of #de2422

Color Blindness Simulator