#de2c2d hex color

In a RGB color space, hex #de2c2d is composed of 87.1% red, 17.3% green and 17.6% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 80.2% magenta, 79.7% yellow and 12.9% black. It has a hue angle of 359.7 degrees, a saturation of 73% and a lightness of 52.2%. #de2c2d color hex could be obtained by blending #ff585a with #bd0000. Closest websafe color is: #cc3333.

♥
- f
- t
- g
- R 87
- G 17
- B 18
RGB color chart
- C 0
- M 80
- Y 80
- K 13
CMYK color chart

● #de2c2d color description : Bright red.

The hexadecimal color #de2c2d has RGB values of R:222, G:44, B:45 and CMYK values of C:0, M:0.8, Y:0.8, K:0.13. Its decimal value is 14560301.

Hex triplet	de2c2d	`#de2c2d`
RGB Decimal	222, 44, 45	`rgb(222,44,45)`
RGB Percent	87.1, 17.3, 17.6	`rgb(87.1%,17.3%,17.6%)`
CMYK	0, 80, 80, 13
HSL	359.7°, 73, 52.2	`hsl(359.7,73%,52.2%)`
HSV (or HSB)	359.7°, 80.2, 87.1
Web Safe	cc3333	`#cc3333`

CIE-LAB	48.914, 66.213, 44.31
XYZ	31.5, 17.524, 4.206
xyY	0.592, 0.329, 17.524
CIE-LCH	48.914, 79.671, 33.791
CIE-LUV	48.914, 135.192, 28.89
Hunter-Lab	41.862, 61.058, 23.346
Binary	11011110, 00101100, 00101101

#de2c2d
```
#de2c2d rgb(222,44,45)
```
#2cdedd
```
#2cdedd rgb(44,222,221)
```

Complementary Color

#de2c86
```
#de2c86 rgb(222,44,134)
```
#de2c2d
```
#de2c2d rgb(222,44,45)
```
#de842c
```
#de842c rgb(222,132,44)
```

Analogous Color

#2c86de
```
#2c86de rgb(44,134,222)
```
#de2c2d
```
#de2c2d rgb(222,44,45)
```
#2cde84
```
#2cde84 rgb(44,222,132)
```

Split Complementary Color

#2c2dde
```
#2c2dde rgb(44,45,222)
```
#de2c2d
```
#de2c2d rgb(222,44,45)
```
#2dde2c
```
#2dde2c rgb(45,222,44)
```

Triadic Color

#dd2cde
```
#dd2cde rgb(221,44,222)
```
#de2c2d
```
#de2c2d rgb(222,44,45)
```
#2dde2c
```
#2dde2c rgb(45,222,44)
```
#2cdedd
```
#2cdedd rgb(44,222,221)
```

Tetradic Color

#a41a1a
```
#a41a1a rgb(164,26,26)
```
#ba1d1e
```
#ba1d1e rgb(186,29,30)
```
#d02122
```
#d02122 rgb(208,33,34)
```
#de2c2d
```
#de2c2d rgb(222,44,45)
```
#e14243
```
#e14243 rgb(225,66,67)
```
#e55859
```
#e55859 rgb(229,88,89)
```
#e86e6f
```
#e86e6f rgb(232,110,111)
```

Monochromatic Color

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

#de2c59
```
#de2c59 rgb(222,44,89)
```
#de2c4b
```
#de2c4b rgb(222,44,75)
```
#de2c3c
```
#de2c3c rgb(222,44,60)
```
#de2c2d
```
#de2c2d rgb(222,44,45)
```
#de3a2c
```
#de3a2c rgb(222,58,44)
```
#de492c
```
#de492c rgb(222,73,44)
```
#de582c
```
#de582c rgb(222,88,44)
```

Similar Colors

Text with hexadecimal color #de2c2d

This text has a font color of #de2c2d.

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

#de2c2d background color

This paragraph has a background color of #de2c2d.

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

#de2c2d border color

This element has a border color of #de2c2d.

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

CSS codes

.text {color:#de2c2d;}

.background {background-color:#de2c2d;}

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

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

#0a0102
```
#0a0102 rgb(10,1,2)
```
#1a0404
```
#1a0404 rgb(26,4,4)
```
#2b0707
```
#2b0707 rgb(43,7,7)
```
#3c090a
```
#3c090a rgb(60,9,10)
```
#4d0c0c
```
#4d0c0c rgb(77,12,12)
```
#5e0f0f
```
#5e0f0f rgb(94,15,15)
```
#6f1112
```
#6f1112 rgb(111,17,18)
```
#801415
```
#801415 rgb(128,20,21)
```
#911717
```
#911717 rgb(145,23,23)
```
#a2191a
```
#a2191a rgb(162,25,26)
```
#b31c1d
```
#b31c1d rgb(179,28,29)
```
#c41f20
```
#c41f20 rgb(196,31,32)
```
#d52122
```
#d52122 rgb(213,33,34)
```

Shade Color Variation

#de2c2d
```
#de2c2d rgb(222,44,45)
```
#e13d3e
```
#e13d3e rgb(225,61,62)
```
#e34e4f
```
#e34e4f rgb(227,78,79)
```
#e65f60
```
#e65f60 rgb(230,95,96)
```
#e97071
```
#e97071 rgb(233,112,113)
```
#eb8181
```
#eb8181 rgb(235,129,129)
```
#ee9292
```
#ee9292 rgb(238,146,146)
```
#f1a3a3
```
#f1a3a3 rgb(241,163,163)
```
#f3b4b4
```
#f3b4b4 rgb(243,180,180)
```
#f6c5c5
```
#f6c5c5 rgb(246,197,197)
```
#f9d6d6
```
#f9d6d6 rgb(249,214,214)
```
#fbe7e7
```
#fbe7e7 rgb(251,231,231)
```
#fef8f8
```
#fef8f8 rgb(254,248,248)
```

Tint Color Variation

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

#8a8081
```
#8a8081 rgb(138,128,129)
```
#937777
```
#937777 rgb(147,119,119)
```
#9c6e6e
```
#9c6e6e rgb(156,110,110)
```
#a66465
```
#a66465 rgb(166,100,101)
```
#af5b5b
```
#af5b5b rgb(175,91,91)
```
#b85252
```
#b85252 rgb(184,82,82)
```
#c24849
```
#c24849 rgb(194,72,73)
```
#cb3f40
```
#cb3f40 rgb(203,63,64)
```
#d53536
```
#d53536 rgb(213,53,54)
```
#de2c2d
```
#de2c2d rgb(222,44,45)
```
#e72324
```
#e72324 rgb(231,35,36)
```
#f1191a
```
#f1191a rgb(241,25,26)
```
#fa1011
```
#fa1011 rgb(250,16,17)
```

Tone Color Variation

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

#616161 Achromatopsia 0.005% of the population
#7a5657 Atypical Achromatopsia 0.001% of the population

Dichromacy

#867b4a Protanopia 1% of men
#997528 Deuteranopia 1% of men
#df3737 Tritanopia 0.001% of the population

Trichromacy

#a65e3f Protanomaly 1% of men, 0.01% of women
#b25a2a Deuteranomaly 6% of men, 0.4% of women
#df3333 Tritanomaly 0.01% of the population

#de2c2d hex color

#de2c2d Color Information

#de2c2d Color Conversion

Color Schemes with #de2c2d

Alternatives to #de2c2d

#de2c2d Preview

Shades and Tints of #de2c2d

Tones of #de2c2d

Color Blindness Simulator