#d66c00 hex color

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

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

● #d66c00 color description : Strong orange.

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

Hex triplet	d66c00	`#d66c00`
RGB Decimal	214, 108, 0	`rgb(214,108,0)`
RGB Percent	83.9, 42.4, 0	`rgb(83.9%,42.4%,0%)`
CMYK	0, 50, 100, 16
HSL	30.3°, 100, 42	`hsl(30.3,100%,42%)`
HSV (or HSB)	30.3°, 100, 83.9
Web Safe	cc6600	`#cc6600`

CIE-LAB	57.099, 36.677, 65.046
XYZ	33.095, 25.024, 3.087
xyY	0.541, 0.409, 25.024
CIE-LCH	57.099, 74.674, 60.583
CIE-LUV	57.099, 88.386, 52.571
Hunter-Lab	50.024, 30.55, 31.358
Binary	11010110, 01101100, 00000000

#d66c00
```
#d66c00 rgb(214,108,0)
```
#006ad6
```
#006ad6 rgb(0,106,214)
```

Complementary Color

#d60100
```
#d60100 rgb(214,1,0)
```
#d66c00
```
#d66c00 rgb(214,108,0)
```
#d5d600
```
#d5d600 rgb(213,214,0)
```

Analogous Color

#0100d6
```
#0100d6 rgb(1,0,214)
```
#d66c00
```
#d66c00 rgb(214,108,0)
```
#00d5d6
```
#00d5d6 rgb(0,213,214)
```

Split Complementary Color

#6c00d6
```
#6c00d6 rgb(108,0,214)
```
#d66c00
```
#d66c00 rgb(214,108,0)
```
#00d66c
```
#00d66c rgb(0,214,108)
```

Triadic Color

#d6006a
```
#d6006a rgb(214,0,106)
```
#d66c00
```
#d66c00 rgb(214,108,0)
```
#00d66c
```
#00d66c rgb(0,214,108)
```
#006ad6
```
#006ad6 rgb(0,106,214)
```

Tetradic Color

#8a4500
```
#8a4500 rgb(138,69,0)
```
#a35200
```
#a35200 rgb(163,82,0)
```
#bd5f00
```
#bd5f00 rgb(189,95,0)
```
#d66c00
```
#d66c00 rgb(214,108,0)
```
#f07900
```
#f07900 rgb(240,121,0)
```
#ff860a
```
#ff860a rgb(255,134,10)
```
#ff9224
```
#ff9224 rgb(255,146,36)
```

Monochromatic Color

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

#d63600
```
#d63600 rgb(214,54,0)
```
#d64800
```
#d64800 rgb(214,72,0)
```
#d65a00
```
#d65a00 rgb(214,90,0)
```
#d66c00
```
#d66c00 rgb(214,108,0)
```
#d67e00
```
#d67e00 rgb(214,126,0)
```
#d69000
```
#d69000 rgb(214,144,0)
```
#d6a200
```
#d6a200 rgb(214,162,0)
```

Similar Colors

Text with hexadecimal color #d66c00

This text has a font color of #d66c00.

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

#d66c00 background color

This paragraph has a background color of #d66c00.

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

#d66c00 border color

This element has a border color of #d66c00.

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

CSS codes

.text {color:#d66c00;}

.background {background-color:#d66c00;}

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

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

#120900
```
#120900 rgb(18,9,0)
```
#251300
```
#251300 rgb(37,19,0)
```
#391d00
```
#391d00 rgb(57,29,0)
```
#4d2700
```
#4d2700 rgb(77,39,0)
```
#603100
```
#603100 rgb(96,49,0)
```
#743b00
```
#743b00 rgb(116,59,0)
```
#884400
```
#884400 rgb(136,68,0)
```
#9b4e00
```
#9b4e00 rgb(155,78,0)
```
#af5800
```
#af5800 rgb(175,88,0)
```
#c26200
```
#c26200 rgb(194,98,0)
```
#d66c00
```
#d66c00 rgb(214,108,0)
```
#ea7600
```
#ea7600 rgb(234,118,0)
```
#fd8000
```
#fd8000 rgb(253,128,0)
```

Shade Color Variation

#ff8a12
```
#ff8a12 rgb(255,138,18)
```
#ff9325
```
#ff9325 rgb(255,147,37)
```
#ff9d39
```
#ff9d39 rgb(255,157,57)
```
#ffa74d
```
#ffa74d rgb(255,167,77)
```
#ffb060
```
#ffb060 rgb(255,176,96)
```
#ffba74
```
#ffba74 rgb(255,186,116)
```
#ffc488
```
#ffc488 rgb(255,196,136)
```
#ffce9b
```
#ffce9b rgb(255,206,155)
```
#ffd7af
```
#ffd7af rgb(255,215,175)
```
#ffe1c2
```
#ffe1c2 rgb(255,225,194)
```
#ffebd6
```
#ffebd6 rgb(255,235,214)
```
#fff4ea
```
#fff4ea rgb(255,244,234)
```
#fffefd
```
#fffefd rgb(255,254,253)
```

Tint Color Variation

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

#736b63
```
#736b63 rgb(115,107,99)
```
#7b6b5b
```
#7b6b5b rgb(123,107,91)
```
#846b52
```
#846b52 rgb(132,107,82)
```
#8c6b4a
```
#8c6b4a rgb(140,107,74)
```
#946b42
```
#946b42 rgb(148,107,66)
```
#9c6b3a
```
#9c6b3a rgb(156,107,58)
```
#a56c31
```
#a56c31 rgb(165,108,49)
```
#ad6c29
```
#ad6c29 rgb(173,108,41)
```
#b56c21
```
#b56c21 rgb(181,108,33)
```
#bd6c19
```
#bd6c19 rgb(189,108,25)
```
#c66c10
```
#c66c10 rgb(198,108,16)
```
#ce6c08
```
#ce6c08 rgb(206,108,8)
```
#d66c00
```
#d66c00 rgb(214,108,0)
```

Tone Color Variation

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

#7f7f7f Achromatopsia 0.005% of the population
#907b66 Atypical Achromatopsia 0.001% of the population

Dichromacy

#a08f15 Protanopia 1% of men
#b38800 Deuteranopia 1% of men
#db6c72 Tritanopia 0.001% of the population

Trichromacy

#b4820d Protanomaly 1% of men, 0.01% of women
#bf7e00 Deuteranomaly 6% of men, 0.4% of women
#d96c49 Tritanomaly 0.01% of the population

#d66c00 hex color

#d66c00 Color Information

#d66c00 Color Conversion

Color Schemes with #d66c00

Alternatives to #d66c00

#d66c00 Preview

Shades and Tints of #d66c00

Tones of #d66c00

Color Blindness Simulator