#de7016 hex color

In a RGB color space, hex #de7016 is composed of 87.1% red, 43.9% green and 8.6% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 49.5% magenta, 90.1% yellow and 12.9% black. It has a hue angle of 27 degrees, a saturation of 82% and a lightness of 47.8%. #de7016 color hex could be obtained by blending #ffe02c with #bd0000. Closest websafe color is: #cc6600.

♥
- f
- t
- g
- R 87
- G 44
- B 9
RGB color chart
- C 0
- M 50
- Y 90
- K 13
CMYK color chart

● #de7016 color description : Vivid orange.

The hexadecimal color #de7016 has RGB values of R:222, G:112, B:22 and CMYK values of C:0, M:0.5, Y:0.9, K:0.13. Its decimal value is 14577686.

Hex triplet	de7016	`#de7016`
RGB Decimal	222, 112, 22	`rgb(222,112,22)`
RGB Percent	87.1, 43.9, 8.6	`rgb(87.1%,43.9%,8.6%)`
CMYK	0, 50, 90, 13
HSL	27°, 82, 47.8	`hsl(27,82%,47.8%)`
HSV (or HSB)	27°, 90.1, 87.1
Web Safe	cc6600	`#cc6600`

CIE-LAB	59.14, 38.101, 62.483
XYZ	36.065, 27.179, 4.106
xyY	0.535, 0.404, 27.179
CIE-LCH	59.14, 73.184, 58.626
CIE-LUV	59.14, 91.079, 52.289
Hunter-Lab	52.134, 32.247, 31.824
Binary	11011110, 01110000, 00010110

#de7016
```
#de7016 rgb(222,112,22)
```
#1684de
```
#1684de rgb(22,132,222)
```

Complementary Color

#de1620
```
#de1620 rgb(222,22,32)
```
#de7016
```
#de7016 rgb(222,112,22)
```
#ded416
```
#ded416 rgb(222,212,22)
```

Analogous Color

#1620de
```
#1620de rgb(22,32,222)
```
#de7016
```
#de7016 rgb(222,112,22)
```
#16ded4
```
#16ded4 rgb(22,222,212)
```

Split Complementary Color

#7016de
```
#7016de rgb(112,22,222)
```
#de7016
```
#de7016 rgb(222,112,22)
```
#16de70
```
#16de70 rgb(22,222,112)
```

Triadic Color

#de1684
```
#de1684 rgb(222,22,132)
```
#de7016
```
#de7016 rgb(222,112,22)
```
#16de70
```
#16de70 rgb(22,222,112)
```
#1684de
```
#1684de rgb(22,132,222)
```

Tetradic Color

#984d0f
```
#984d0f rgb(152,77,15)
```
#b05911
```
#b05911 rgb(176,89,17)
```
#c76414
```
#c76414 rgb(199,100,20)
```
#de7016
```
#de7016 rgb(222,112,22)
```
#e97d24
```
#e97d24 rgb(233,125,36)
```
#ec8b3b
```
#ec8b3b rgb(236,139,59)
```
#ee9853
```
#ee9853 rgb(238,152,83)
```

Monochromatic Color

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

#de3e16
```
#de3e16 rgb(222,62,22)
```
#de4f16
```
#de4f16 rgb(222,79,22)
```
#de5f16
```
#de5f16 rgb(222,95,22)
```
#de7016
```
#de7016 rgb(222,112,22)
```
#de8116
```
#de8116 rgb(222,129,22)
```
#de9116
```
#de9116 rgb(222,145,22)
```
#dea216
```
#dea216 rgb(222,162,22)
```

Similar Colors

Text with hexadecimal color #de7016

This text has a font color of #de7016.

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

#de7016 background color

This paragraph has a background color of #de7016.

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

#de7016 border color

This element has a border color of #de7016.

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

CSS codes

.text {color:#de7016;}

.background {background-color:#de7016;}

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

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, #080401 is the darkest color, while #fef9f5 is the lightest one.

#080401
```
#080401 rgb(8,4,1)
```
#1a0d03
```
#1a0d03 rgb(26,13,3)
```
#2c1604
```
#2c1604 rgb(44,22,4)
```
#3d1f06
```
#3d1f06 rgb(61,31,6)
```
#4f2808
```
#4f2808 rgb(79,40,8)
```
#61310a
```
#61310a rgb(97,49,10)
```
#733a0b
```
#733a0b rgb(115,58,11)
```
#85430d
```
#85430d rgb(133,67,13)
```
#974c0f
```
#974c0f rgb(151,76,15)
```
#a85511
```
#a85511 rgb(168,85,17)
```
#ba5e12
```
#ba5e12 rgb(186,94,18)
```
#cc6714
```
#cc6714 rgb(204,103,20)
```
#de7016
```
#de7016 rgb(222,112,22)
```

Shade Color Variation

#e97a1f
```
#e97a1f rgb(233,122,31)
```
#eb8431
```
#eb8431 rgb(235,132,49)
```
#ec8f43
```
#ec8f43 rgb(236,143,67)
```
#ee9a54
```
#ee9a54 rgb(238,154,84)
```
#f0a466
```
#f0a466 rgb(240,164,102)
```
#f2af78
```
#f2af78 rgb(242,175,120)
```
#f3b98a
```
#f3b98a rgb(243,185,138)
```
#f5c49c
```
#f5c49c rgb(245,196,156)
```
#f7cfae
```
#f7cfae rgb(247,207,174)
```
#f9d9bf
```
#f9d9bf rgb(249,217,191)
```
#fae4d1
```
#fae4d1 rgb(250,228,209)
```
#fceee3
```
#fceee3 rgb(252,238,227)
```
#fef9f5
```
#fef9f5 rgb(254,249,245)
```

Tint Color Variation

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

#807974
```
#807974 rgb(128,121,116)
```
#8a786a
```
#8a786a rgb(138,120,106)
```
#937861
```
#937861 rgb(147,120,97)
```
#9c7758
```
#9c7758 rgb(156,119,88)
```
#a6764e
```
#a6764e rgb(166,118,78)
```
#af7545
```
#af7545 rgb(175,117,69)
```
#b8743c
```
#b8743c rgb(184,116,60)
```
#c27332
```
#c27332 rgb(194,115,50)
```
#cb7229
```
#cb7229 rgb(203,114,41)
```
#d5711f
```
#d5711f rgb(213,113,31)
```
#de7016
```
#de7016 rgb(222,112,22)
```
#e76f0d
```
#e76f0d rgb(231,111,13)
```
#f16e03
```
#f16e03 rgb(241,110,3)
```

Tone Color Variation

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

#878787 Achromatopsia 0.005% of the population
#988270 Atypical Achromatopsia 0.001% of the population

Dichromacy

#a59429 Protanopia 1% of men
#b98d0c Deuteranopia 1% of men
#e36f76 Tritanopia 0.001% of the population

Trichromacy

#ba8722 Protanomaly 1% of men, 0.01% of women
#c68210 Deuteranomaly 6% of men, 0.4% of women
#e16f53 Tritanomaly 0.01% of the population

#de7016 hex color

#de7016 Color Information

#de7016 Color Conversion

Color Schemes with #de7016

Alternatives to #de7016

#de7016 Preview

Shades and Tints of #de7016

Tones of #de7016

Color Blindness Simulator