#d66c16 hex color

In a RGB color space, hex #d66c16 is composed of 83.9% red, 42.4% green and 8.6% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 49.5% magenta, 89.7% yellow and 16.1% black. It has a hue angle of 26.9 degrees, a saturation of 81.4% and a lightness of 46.3%. #d66c16 color hex could be obtained by blending #ffd82c with #ad0000. Closest websafe color is: #cc6600.

♥
- f
- t
- g
- R 84
- G 42
- B 9
RGB color chart
- C 0
- M 50
- Y 90
- K 16
CMYK color chart

● #d66c16 color description : Strong orange.

The hexadecimal color #d66c16 has RGB values of R:214, G:108, B:22 and CMYK values of C:0, M:0.5, Y:0.9, K:0.16. Its decimal value is 14052374.

Hex triplet	d66c16	`#d66c16`
RGB Decimal	214, 108, 22	`rgb(214,108,22)`
RGB Percent	83.9, 42.4, 8.6	`rgb(83.9%,42.4%,8.6%)`
CMYK	0, 50, 90, 16
HSL	26.9°, 81.4, 46.3	`hsl(26.9,81.4%,46.3%)`
HSV (or HSB)	26.9°, 89.7, 83.9
Web Safe	cc6600	`#cc6600`

CIE-LAB	57.156, 36.947, 60.486
XYZ	33.24, 25.082, 3.85
xyY	0.535, 0.403, 25.082
CIE-LCH	57.156, 70.878, 58.582
CIE-LUV	57.156, 87.649, 50.402
Hunter-Lab	50.082, 30.829, 30.5
Binary	11010110, 01101100, 00010110

#d66c16
```
#d66c16 rgb(214,108,22)
```
#1680d6
```
#1680d6 rgb(22,128,214)
```

Complementary Color

#d61620
```
#d61620 rgb(214,22,32)
```
#d66c16
```
#d66c16 rgb(214,108,22)
```
#d6cc16
```
#d6cc16 rgb(214,204,22)
```

Analogous Color

#1620d6
```
#1620d6 rgb(22,32,214)
```
#d66c16
```
#d66c16 rgb(214,108,22)
```
#16d6cc
```
#16d6cc rgb(22,214,204)
```

Split Complementary Color

#6c16d6
```
#6c16d6 rgb(108,22,214)
```
#d66c16
```
#d66c16 rgb(214,108,22)
```
#16d66c
```
#16d66c rgb(22,214,108)
```

Triadic Color

#d61680
```
#d61680 rgb(214,22,128)
```
#d66c16
```
#d66c16 rgb(214,108,22)
```
#16d66c
```
#16d66c rgb(22,214,108)
```
#1680d6
```
#1680d6 rgb(22,128,214)
```

Tetradic Color

#91490f
```
#91490f rgb(145,73,15)
```
#a85511
```
#a85511 rgb(168,85,17)
```
#bf6014
```
#bf6014 rgb(191,96,20)
```
#d66c16
```
#d66c16 rgb(214,108,22)
```
#e8781e
```
#e8781e rgb(232,120,30)
```
#ea8635
```
#ea8635 rgb(234,134,53)
```
#ed944c
```
#ed944c rgb(237,148,76)
```

Monochromatic Color

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

#d63c16
```
#d63c16 rgb(214,60,22)
```
#d64c16
```
#d64c16 rgb(214,76,22)
```
#d65c16
```
#d65c16 rgb(214,92,22)
```
#d66c16
```
#d66c16 rgb(214,108,22)
```
#d67c16
```
#d67c16 rgb(214,124,22)
```
#d68c16
```
#d68c16 rgb(214,140,22)
```
#d69c16
```
#d69c16 rgb(214,156,22)
```

Similar Colors

Text with hexadecimal color #d66c16

This text has a font color of #d66c16.

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

#d66c16 background color

This paragraph has a background color of #d66c16.

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

#d66c16 border color

This element has a border color of #d66c16.

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

CSS codes

.text {color:#d66c16;}

.background {background-color:#d66c16;}

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

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

#010000
```
#010000 rgb(1,0,0)
```
#120902
```
#120902 rgb(18,9,2)
```
#241204
```
#241204 rgb(36,18,4)
```
#361b06
```
#361b06 rgb(54,27,6)
```
#482407
```
#482407 rgb(72,36,7)
```
#592d09
```
#592d09 rgb(89,45,9)
```
#6b360b
```
#6b360b rgb(107,54,11)
```
#7d3f0d
```
#7d3f0d rgb(125,63,13)
```
#8f480f
```
#8f480f rgb(143,72,15)
```
#a15111
```
#a15111 rgb(161,81,17)
```
#b25a12
```
#b25a12 rgb(178,90,18)
```
#c46314
```
#c46314 rgb(196,99,20)
```
#d66c16
```
#d66c16 rgb(214,108,22)
```

Shade Color Variation

#e77518
```
#e77518 rgb(231,117,24)
```
#e9802a
```
#e9802a rgb(233,128,42)
```
#eb8a3c
```
#eb8a3c rgb(235,138,60)
```
#ed954e
```
#ed954e rgb(237,149,78)
```
#efa05f
```
#efa05f rgb(239,160,95)
```
#f0aa71
```
#f0aa71 rgb(240,170,113)
```
#f2b583
```
#f2b583 rgb(242,181,131)
```
#f4c095
```
#f4c095 rgb(244,192,149)
```
#f6caa7
```
#f6caa7 rgb(246,202,167)
```
#f8d5b8
```
#f8d5b8 rgb(248,213,184)
```
#fadfca
```
#fadfca rgb(250,223,202)
```
#fbeadc
```
#fbeadc rgb(251,234,220)
```
#fdf5ee
```
#fdf5ee rgb(253,245,238)
```

Tint Color Variation

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

#7b7571
```
#7b7571 rgb(123,117,113)
```
#847568
```
#847568 rgb(132,117,104)
```
#8d745f
```
#8d745f rgb(141,116,95)
```
#967356
```
#967356 rgb(150,115,86)
```
#a0724c
```
#a0724c rgb(160,114,76)
```
#a97143
```
#a97143 rgb(169,113,67)
```
#b2703a
```
#b2703a rgb(178,112,58)
```
#bb6f31
```
#bb6f31 rgb(187,111,49)
```
#c46e28
```
#c46e28 rgb(196,110,40)
```
#cd6d1f
```
#cd6d1f rgb(205,109,31)
```
#d66c16
```
#d66c16 rgb(214,108,22)
```
#df6b0d
```
#df6b0d rgb(223,107,13)
```
#e86a04
```
#e86a04 rgb(232,106,4)
```

Tone Color Variation

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

#828282 Achromatopsia 0.005% of the population
#937e6c Atypical Achromatopsia 0.001% of the population

Dichromacy

#a08f29 Protanopia 1% of men
#b38810 Deuteranopia 1% of men
#db6c73 Tritanopia 0.001% of the population

Trichromacy

#b38222 Protanomaly 1% of men, 0.01% of women
#bf7e12 Deuteranomaly 6% of men, 0.4% of women
#d96c51 Tritanomaly 0.01% of the population

#d66c16 hex color

#d66c16 Color Information

#d66c16 Color Conversion

Color Schemes with #d66c16

Alternatives to #d66c16

#d66c16 Preview

Shades and Tints of #d66c16

Tones of #d66c16

Color Blindness Simulator