#de5a1e hex color

In a RGB color space, hex #de5a1e is composed of 87.1% red, 35.3% green and 11.8% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 59.5% magenta, 86.5% yellow and 12.9% black. It has a hue angle of 18.8 degrees, a saturation of 76.2% and a lightness of 49.4%. #de5a1e color hex could be obtained by blending #ffb43c with #bd0000. Closest websafe color is: #cc6633.

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

● #de5a1e color description : Vivid orange.

The hexadecimal color #de5a1e has RGB values of R:222, G:90, B:30 and CMYK values of C:0, M:0.59, Y:0.86, K:0.13. Its decimal value is 14572062.

Hex triplet	de5a1e	`#de5a1e`
RGB Decimal	222, 90, 30	`rgb(222,90,30)`
RGB Percent	87.1, 35.3, 11.8	`rgb(87.1%,35.3%,11.8%)`
CMYK	0, 59, 86, 13
HSL	18.8°, 76.2, 49.4	`hsl(18.8,76.2%,49.4%)`
HSV (or HSB)	18.8°, 86.5, 87.1
Web Safe	cc6633	`#cc6633`

CIE-LAB	55.01, 48.916, 56.703
XYZ	34.016, 22.939, 3.865
xyY	0.559, 0.377, 22.939
CIE-LCH	55.01, 74.886, 49.216
CIE-LUV	55.01, 108.208, 43.937
Hunter-Lab	47.895, 42.959, 28.742
Binary	11011110, 01011010, 00011110

#de5a1e
```
#de5a1e rgb(222,90,30)
```
#1ea2de
```
#1ea2de rgb(30,162,222)
```

Complementary Color

#de1e42
```
#de1e42 rgb(222,30,66)
```
#de5a1e
```
#de5a1e rgb(222,90,30)
```
#deba1e
```
#deba1e rgb(222,186,30)
```

Analogous Color

#1e42de
```
#1e42de rgb(30,66,222)
```
#de5a1e
```
#de5a1e rgb(222,90,30)
```
#1edeba
```
#1edeba rgb(30,222,186)
```

Split Complementary Color

#5a1ede
```
#5a1ede rgb(90,30,222)
```
#de5a1e
```
#de5a1e rgb(222,90,30)
```
#1ede5a
```
#1ede5a rgb(30,222,90)
```

Triadic Color

#de1ea2
```
#de1ea2 rgb(222,30,162)
```
#de5a1e
```
#de5a1e rgb(222,90,30)
```
#1ede5a
```
#1ede5a rgb(30,222,90)
```
#1ea2de
```
#1ea2de rgb(30,162,222)
```

Tetradic Color

#9b3f15
```
#9b3f15 rgb(155,63,21)
```
#b14818
```
#b14818 rgb(177,72,24)
```
#c8511b
```
#c8511b rgb(200,81,27)
```
#de5a1e
```
#de5a1e rgb(222,90,30)
```
#e36a32
```
#e36a32 rgb(227,106,50)
```
#e67a49
```
#e67a49 rgb(230,122,73)
```
#e98a5f
```
#e98a5f rgb(233,138,95)
```

Monochromatic Color

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

#de2a1e
```
#de2a1e rgb(222,42,30)
```
#de3a1e
```
#de3a1e rgb(222,58,30)
```
#de4a1e
```
#de4a1e rgb(222,74,30)
```
#de5a1e
```
#de5a1e rgb(222,90,30)
```
#de6a1e
```
#de6a1e rgb(222,106,30)
```
#de7a1e
```
#de7a1e rgb(222,122,30)
```
#de8a1e
```
#de8a1e rgb(222,138,30)
```

Similar Colors

Text with hexadecimal color #de5a1e

This text has a font color of #de5a1e.

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

#de5a1e background color

This paragraph has a background color of #de5a1e.

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

#de5a1e border color

This element has a border color of #de5a1e.

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

CSS codes

.text {color:#de5a1e;}

.background {background-color:#de5a1e;}

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

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

#0f0602
```
#0f0602 rgb(15,6,2)
```
#200d04
```
#200d04 rgb(32,13,4)
```
#311407
```
#311407 rgb(49,20,7)
```
#421b09
```
#421b09 rgb(66,27,9)
```
#54220b
```
#54220b rgb(84,34,11)
```
#65290e
```
#65290e rgb(101,41,14)
```
#763010
```
#763010 rgb(118,48,16)
```
#883712
```
#883712 rgb(136,55,18)
```
#993e15
```
#993e15 rgb(153,62,21)
```
#aa4517
```
#aa4517 rgb(170,69,23)
```
#bb4c19
```
#bb4c19 rgb(187,76,25)
```
#cd531c
```
#cd531c rgb(205,83,28)
```
#de5a1e
```
#de5a1e rgb(222,90,30)
```

Shade Color Variation

#e3662d
```
#e3662d rgb(227,102,45)
```
#e5723e
```
#e5723e rgb(229,114,62)
```
#e77f50
```
#e77f50 rgb(231,127,80)
```
#ea8c61
```
#ea8c61 rgb(234,140,97)
```
#ec9872
```
#ec9872 rgb(236,152,114)
```
#eea583
```
#eea583 rgb(238,165,131)
```
#f1b195
```
#f1b195 rgb(241,177,149)
```
#f3bea6
```
#f3bea6 rgb(243,190,166)
```
#f5cbb7
```
#f5cbb7 rgb(245,203,183)
```
#f8d7c9
```
#f8d7c9 rgb(248,215,201)
```
#fae4da
```
#fae4da rgb(250,228,218)
```
#fcf0eb
```
#fcf0eb rgb(252,240,235)
```
#fffdfc
```
#fffdfc rgb(255,253,252)
```

Tint Color Variation

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

#877b75
```
#877b75 rgb(135,123,117)
```
#90776c
```
#90776c rgb(144,119,108)
```
#9a7362
```
#9a7362 rgb(154,115,98)
```
#a47058
```
#a47058 rgb(164,112,88)
```
#ae6c4e
```
#ae6c4e rgb(174,108,78)
```
#b76945
```
#b76945 rgb(183,105,69)
```
#c1653b
```
#c1653b rgb(193,101,59)
```
#cb6131
```
#cb6131 rgb(203,97,49)
```
#d45e28
```
#d45e28 rgb(212,94,40)
```
#de5a1e
```
#de5a1e rgb(222,90,30)
```
#e85614
```
#e85614 rgb(232,86,20)
```
#f1530b
```
#f1530b rgb(241,83,11)
```
#fb4f01
```
#fb4f01 rgb(251,79,1)
```

Tone Color Variation

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

#7b7b7b Achromatopsia 0.005% of the population
#8f7468 Atypical Achromatopsia 0.001% of the population

Dichromacy

#998a33 Protanopia 1% of men
#ac8317 Deuteranopia 1% of men
#e15c62 Tritanopia 0.001% of the population

Trichromacy

#b2782b Protanomaly 1% of men, 0.01% of women
#be741a Deuteranomaly 6% of men, 0.4% of women
#e05b49 Tritanomaly 0.01% of the population

#de5a1e hex color

#de5a1e Color Information

#de5a1e Color Conversion

Color Schemes with #de5a1e

Alternatives to #de5a1e

#de5a1e Preview

Shades and Tints of #de5a1e

Tones of #de5a1e

Color Blindness Simulator