#de5d2d hex color

In a RGB color space, hex #de5d2d is composed of 87.1% red, 36.5% green and 17.6% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 58.1% magenta, 79.7% yellow and 12.9% black. It has a hue angle of 16.3 degrees, a saturation of 72.8% and a lightness of 52.4%. #de5d2d color hex could be obtained by blending #ffba5a with #bd0000. Closest websafe color is: #cc6633.

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

● #de5d2d color description : Bright orange.

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

Hex triplet	de5d2d	`#de5d2d`
RGB Decimal	222, 93, 45	`rgb(222,93,45)`
RGB Percent	87.1, 36.5, 17.6	`rgb(87.1%,36.5%,17.6%)`
CMYK	0, 58, 80, 13
HSL	16.3°, 72.8, 52.4	`hsl(16.3,72.8%,52.4%)`
HSV (or HSB)	16.3°, 79.7, 87.1
Web Safe	cc6633	`#cc6633`

CIE-LAB	55.636, 47.94, 50.897
XYZ	34.514, 23.551, 5.211
xyY	0.545, 0.372, 23.551
CIE-LCH	55.636, 69.919, 46.714
CIE-LUV	55.636, 104.42, 41.285
Hunter-Lab	48.53, 42.02, 27.604
Binary	11011110, 01011101, 00101101

#de5d2d
```
#de5d2d rgb(222,93,45)
```
#2daede
```
#2daede rgb(45,174,222)
```

Complementary Color

#de2d56
```
#de2d56 rgb(222,45,86)
```
#de5d2d
```
#de5d2d rgb(222,93,45)
```
#deb62d
```
#deb62d rgb(222,182,45)
```

Analogous Color

#2d56de
```
#2d56de rgb(45,86,222)
```
#de5d2d
```
#de5d2d rgb(222,93,45)
```
#2ddeb6
```
#2ddeb6 rgb(45,222,182)
```

Split Complementary Color

#5d2dde
```
#5d2dde rgb(93,45,222)
```
#de5d2d
```
#de5d2d rgb(222,93,45)
```
#2dde5d
```
#2dde5d rgb(45,222,93)
```

Triadic Color

#de2dae
```
#de2dae rgb(222,45,174)
```
#de5d2d
```
#de5d2d rgb(222,93,45)
```
#2dde5d
```
#2dde5d rgb(45,222,93)
```
#2daede
```
#2daede rgb(45,174,222)
```

Tetradic Color

#a5401a
```
#a5401a rgb(165,64,26)
```
#bb481d
```
#bb481d rgb(187,72,29)
```
#d15121
```
#d15121 rgb(209,81,33)
```
#de5d2d
```
#de5d2d rgb(222,93,45)
```
#e16e43
```
#e16e43 rgb(225,110,67)
```
#e57f59
```
#e57f59 rgb(229,127,89)
```
#e8906f
```
#e8906f rgb(232,144,111)
```

Monochromatic Color

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

#de312d
```
#de312d rgb(222,49,45)
```
#de402d
```
#de402d rgb(222,64,45)
```
#de4e2d
```
#de4e2d rgb(222,78,45)
```
#de5d2d
```
#de5d2d rgb(222,93,45)
```
#de6c2d
```
#de6c2d rgb(222,108,45)
```
#de7b2d
```
#de7b2d rgb(222,123,45)
```
#de892d
```
#de892d rgb(222,137,45)
```

Similar Colors

Text with hexadecimal color #de5d2d

This text has a font color of #de5d2d.

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

#de5d2d background color

This paragraph has a background color of #de5d2d.

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

#de5d2d border color

This element has a border color of #de5d2d.

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

CSS codes

.text {color:#de5d2d;}

.background {background-color:#de5d2d;}

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

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

#0a0402
```
#0a0402 rgb(10,4,2)
```
#1b0b04
```
#1b0b04 rgb(27,11,4)
```
#2c1107
```
#2c1107 rgb(44,17,7)
```
#3d180a
```
#3d180a rgb(61,24,10)
```
#4e1e0c
```
#4e1e0c rgb(78,30,12)
```
#5f250f
```
#5f250f rgb(95,37,15)
```
#702b12
```
#702b12 rgb(112,43,18)
```
#813214
```
#813214 rgb(129,50,20)
```
#923817
```
#923817 rgb(146,56,23)
```
#a33f1a
```
#a33f1a rgb(163,63,26)
```
#b4451c
```
#b4451c rgb(180,69,28)
```
#c54c1f
```
#c54c1f rgb(197,76,31)
```
#d65222
```
#d65222 rgb(214,82,34)
```

Shade Color Variation

#de5d2d
```
#de5d2d rgb(222,93,45)
```
#e16a3e
```
#e16a3e rgb(225,106,62)
```
#e3774f
```
#e3774f rgb(227,119,79)
```
#e68460
```
#e68460 rgb(230,132,96)
```
#e99171
```
#e99171 rgb(233,145,113)
```
#eb9e82
```
#eb9e82 rgb(235,158,130)
```
#eeab93
```
#eeab93 rgb(238,171,147)
```
#f1b9a4
```
#f1b9a4 rgb(241,185,164)
```
#f3c6b5
```
#f3c6b5 rgb(243,198,181)
```
#f6d3c6
```
#f6d3c6 rgb(246,211,198)
```
#f9e0d7
```
#f9e0d7 rgb(249,224,215)
```
#fbede7
```
#fbede7 rgb(251,237,231)
```
#fefaf8
```
#fefaf8 rgb(254,250,248)
```

Tint Color Variation

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

#8a8381
```
#8a8381 rgb(138,131,129)
```
#937f78
```
#937f78 rgb(147,127,120)
```
#9d7b6e
```
#9d7b6e rgb(157,123,110)
```
#a67765
```
#a67765 rgb(166,119,101)
```
#af725c
```
#af725c rgb(175,114,92)
```
#b96e52
```
#b96e52 rgb(185,110,82)
```
#c26a49
```
#c26a49 rgb(194,106,73)
```
#cb6640
```
#cb6640 rgb(203,102,64)
```
#d56136
```
#d56136 rgb(213,97,54)
```
#de5d2d
```
#de5d2d rgb(222,93,45)
```
#e75924
```
#e75924 rgb(231,89,36)
```
#f1541a
```
#f1541a rgb(241,84,26)
```
#fa5011
```
#fa5011 rgb(250,80,17)
```

Tone Color Variation

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

#7e7e7e Achromatopsia 0.005% of the population
#91776e Atypical Achromatopsia 0.001% of the population

Dichromacy

#9a8b42 Protanopia 1% of men
#ad852d Deuteranopia 1% of men
#e16065 Tritanopia 0.001% of the population

Trichromacy

#b27a3a Protanomaly 1% of men, 0.01% of women
#bf762d Deuteranomaly 6% of men, 0.4% of women
#e05f51 Tritanomaly 0.01% of the population

#de5d2d hex color

#de5d2d Color Information

#de5d2d Color Conversion

Color Schemes with #de5d2d

Alternatives to #de5d2d

#de5d2d Preview

Shades and Tints of #de5d2d

Tones of #de5d2d

Color Blindness Simulator