#de1d20 hex color

In a RGB color space, hex #de1d20 is composed of 87.1% red, 11.4% green and 12.5% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 86.9% magenta, 85.6% yellow and 12.9% black. It has a hue angle of 359.1 degrees, a saturation of 76.9% and a lightness of 49.2%. #de1d20 color hex could be obtained by blending #ff3a40 with #bd0000. Closest websafe color is: #cc3333.

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

● #de1d20 color description : Vivid red.

The hexadecimal color #de1d20 has RGB values of R:222, G:29, B:32 and CMYK values of C:0, M:0.87, Y:0.86, K:0.13. Its decimal value is 14556448.

Hex triplet	de1d20	`#de1d20`
RGB Decimal	222, 29, 32	`rgb(222,29,32)`
RGB Percent	87.1, 11.4, 12.5	`rgb(87.1%,11.4%,12.5%)`
CMYK	0, 87, 86, 13
HSL	359.1°, 76.9, 49.2	`hsl(359.1,76.9%,49.2%)`
HSV (or HSB)	359.1°, 86.9, 87.1
Web Safe	cc3333	`#cc3333`

CIE-LAB	47.645, 69.196, 49.79
XYZ	30.826, 16.517, 2.931
xyY	0.613, 0.329, 16.517
CIE-LCH	47.645, 85.248, 35.737
CIE-LUV	47.645, 143.225, 30.313
Hunter-Lab	40.641, 64.271, 24.172
Binary	11011110, 00011101, 00100000

#de1d20
```
#de1d20 rgb(222,29,32)
```
#1ddedb
```
#1ddedb rgb(29,222,219)
```

Complementary Color

#de1d81
```
#de1d81 rgb(222,29,129)
```
#de1d20
```
#de1d20 rgb(222,29,32)
```
#de7b1d
```
#de7b1d rgb(222,123,29)
```

Analogous Color

#1d81de
```
#1d81de rgb(29,129,222)
```
#de1d20
```
#de1d20 rgb(222,29,32)
```
#1dde7b
```
#1dde7b rgb(29,222,123)
```

Split Complementary Color

#1d20de
```
#1d20de rgb(29,32,222)
```
#de1d20
```
#de1d20 rgb(222,29,32)
```
#20de1d
```
#20de1d rgb(32,222,29)
```

Triadic Color

#db1dde
```
#db1dde rgb(219,29,222)
```
#de1d20
```
#de1d20 rgb(222,29,32)
```
#20de1d
```
#20de1d rgb(32,222,29)
```
#1ddedb
```
#1ddedb rgb(29,222,219)
```

Tetradic Color

#9a1416
```
#9a1416 rgb(154,20,22)
```
#b11719
```
#b11719 rgb(177,23,25)
```
#c71a1d
```
#c71a1d rgb(199,26,29)
```
#de1d20
```
#de1d20 rgb(222,29,32)
```
#e43033
```
#e43033 rgb(228,48,51)
```
#e7474a
```
#e7474a rgb(231,71,74)
```
#ea5e60
```
#ea5e60 rgb(234,94,96)
```

Monochromatic Color

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

#de1d50
```
#de1d50 rgb(222,29,80)
```
#de1d40
```
#de1d40 rgb(222,29,64)
```
#de1d30
```
#de1d30 rgb(222,29,48)
```
#de1d20
```
#de1d20 rgb(222,29,32)
```
#de2a1d
```
#de2a1d rgb(222,42,29)
```
#de3a1d
```
#de3a1d rgb(222,58,29)
```
#de4a1d
```
#de4a1d rgb(222,74,29)
```

Similar Colors

Text with hexadecimal color #de1d20

This text has a font color of #de1d20.

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

#de1d20 background color

This paragraph has a background color of #de1d20.

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

#de1d20 border color

This element has a border color of #de1d20.

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

CSS codes

.text {color:#de1d20;}

.background {background-color:#de1d20;}

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

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, #0e0202 is the darkest color, while #fffbfc is the lightest one.

#0e0202
```
#0e0202 rgb(14,2,2)
```
#1f0404
```
#1f0404 rgb(31,4,4)
```
#310607
```
#310607 rgb(49,6,7)
```
#420909
```
#420909 rgb(66,9,9)
```
#530b0c
```
#530b0c rgb(83,11,12)
```
#650d0e
```
#650d0e rgb(101,13,14)
```
#760f11
```
#760f11 rgb(118,15,17)
```
#871213
```
#871213 rgb(135,18,19)
```
#991416
```
#991416 rgb(153,20,22)
```
#aa1618
```
#aa1618 rgb(170,22,24)
```
#bb181b
```
#bb181b rgb(187,24,27)
```
#cd1b1d
```
#cd1b1d rgb(205,27,29)
```
#de1d20
```
#de1d20 rgb(222,29,32)
```

Shade Color Variation

#e32b2e
```
#e32b2e rgb(227,43,46)
```
#e63d3f
```
#e63d3f rgb(230,61,63)
```
#e84e50
```
#e84e50 rgb(232,78,80)
```
#ea5f61
```
#ea5f61 rgb(234,95,97)
```
#ec7173
```
#ec7173 rgb(236,113,115)
```
#ef8284
```
#ef8284 rgb(239,130,132)
```
#f19395
```
#f19395 rgb(241,147,149)
```
#f3a5a6
```
#f3a5a6 rgb(243,165,166)
```
#f5b6b7
```
#f5b6b7 rgb(245,182,183)
```
#f8c7c8
```
#f8c7c8 rgb(248,199,200)
```
#fad9d9
```
#fad9d9 rgb(250,217,217)
```
#fceaea
```
#fceaea rgb(252,234,234)
```
#fffbfc
```
#fffbfc rgb(255,251,252)
```

Tint Color Variation

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

#877474
```
#877474 rgb(135,116,116)
```
#916a6b
```
#916a6b rgb(145,106,107)
```
#9a6161
```
#9a6161 rgb(154,97,97)
```
#a45758
```
#a45758 rgb(164,87,88)
```
#ae4d4f
```
#ae4d4f rgb(174,77,79)
```
#b74445
```
#b74445 rgb(183,68,69)
```
#c13a3c
```
#c13a3c rgb(193,58,60)
```
#cb3033
```
#cb3033 rgb(203,48,51)
```
#d42729
```
#d42729 rgb(212,39,41)
```
#de1d20
```
#de1d20 rgb(222,29,32)
```
#e81317
```
#e81317 rgb(232,19,23)
```
#f10a0d
```
#f10a0d rgb(241,10,13)
```
#fb0004
```
#fb0004 rgb(251,0,4)
```

Tone Color Variation

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

#575757 Achromatopsia 0.005% of the population
#724b4c Atypical Achromatopsia 0.001% of the population

Dichromacy

#84783d Protanopia 1% of men
#967212 Deuteranopia 1% of men
#df2927 Tritanopia 0.001% of the population

Trichromacy

#a55732 Protanomaly 1% of men, 0.01% of women
#b05317 Deuteranomaly 6% of men, 0.4% of women
#df2424 Tritanomaly 0.01% of the population

#de1d20 hex color

#de1d20 Color Information

#de1d20 Color Conversion

Color Schemes with #de1d20

Alternatives to #de1d20

#de1d20 Preview

Shades and Tints of #de1d20

Tones of #de1d20

Color Blindness Simulator