#d66f20 hex color

In a RGB color space, hex #d66f20 is composed of 83.9% red, 43.5% green and 12.5% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 48.1% magenta, 85% yellow and 16.1% black. It has a hue angle of 26 degrees, a saturation of 74% and a lightness of 48.2%. #d66f20 color hex could be obtained by blending #ffde40 with #ad0000. Closest websafe color is: #cc6633.

♥
- f
- t
- g
- R 84
- G 44
- B 13
RGB color chart
- C 0
- M 48
- Y 85
- K 16
CMYK color chart

● #d66f20 color description : Strong orange.

The hexadecimal color #d66f20 has RGB values of R:214, G:111, B:32 and CMYK values of C:0, M:0.48, Y:0.85, K:0.16. Its decimal value is 14053152.

Hex triplet	d66f20	`#d66f20`
RGB Decimal	214, 111, 32	`rgb(214,111,32)`
RGB Percent	83.9, 43.5, 12.5	`rgb(83.9%,43.5%,12.5%)`
CMYK	0, 48, 85, 16
HSL	26°, 74, 48.2	`hsl(26,74%,48.2%)`
HSV (or HSB)	26°, 85, 83.9
Web Safe	cc6633	`#cc6633`

CIE-LAB	57.82, 35.621, 57.784
XYZ	33.678, 25.772, 4.568
xyY	0.526, 0.403, 25.772
CIE-LCH	57.82, 67.881, 58.349
CIE-LUV	57.82, 84.622, 49.727
Hunter-Lab	50.767, 29.574, 30.202
Binary	11010110, 01101111, 00100000

#d66f20
```
#d66f20 rgb(214,111,32)
```
#2087d6
```
#2087d6 rgb(32,135,214)
```

Complementary Color

#d6202c
```
#d6202c rgb(214,32,44)
```
#d66f20
```
#d66f20 rgb(214,111,32)
```
#d6ca20
```
#d6ca20 rgb(214,202,32)
```

Analogous Color

#202cd6
```
#202cd6 rgb(32,44,214)
```
#d66f20
```
#d66f20 rgb(214,111,32)
```
#20d6ca
```
#20d6ca rgb(32,214,202)
```

Split Complementary Color

#6f20d6
```
#6f20d6 rgb(111,32,214)
```
#d66f20
```
#d66f20 rgb(214,111,32)
```
#20d66f
```
#20d66f rgb(32,214,111)
```

Triadic Color

#d62087
```
#d62087 rgb(214,32,135)
```
#d66f20
```
#d66f20 rgb(214,111,32)
```
#20d66f
```
#20d66f rgb(32,214,111)
```
#2087d6
```
#2087d6 rgb(32,135,214)
```

Tetradic Color

#934c16
```
#934c16 rgb(147,76,22)
```
#aa5819
```
#aa5819 rgb(170,88,25)
```
#c0631d
```
#c0631d rgb(192,99,29)
```
#d66f20
```
#d66f20 rgb(214,111,32)
```
#e07c30
```
#e07c30 rgb(224,124,48)
```
#e38a46
```
#e38a46 rgb(227,138,70)
```
#e7985c
```
#e7985c rgb(231,152,92)
```

Monochromatic Color

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

#d64220
```
#d64220 rgb(214,66,32)
```
#d65120
```
#d65120 rgb(214,81,32)
```
#d66020
```
#d66020 rgb(214,96,32)
```
#d66f20
```
#d66f20 rgb(214,111,32)
```
#d67e20
```
#d67e20 rgb(214,126,32)
```
#d68d20
```
#d68d20 rgb(214,141,32)
```
#d69d20
```
#d69d20 rgb(214,157,32)
```

Similar Colors

Text with hexadecimal color #d66f20

This text has a font color of #d66f20.

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

#d66f20 background color

This paragraph has a background color of #d66f20.

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

#d66f20 border color

This element has a border color of #d66f20.

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

CSS codes

.text {color:#d66f20;}

.background {background-color:#d66f20;}

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

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

#090501
```
#090501 rgb(9,5,1)
```
#1a0e04
```
#1a0e04 rgb(26,14,4)
```
#2b1606
```
#2b1606 rgb(43,22,6)
```
#3c1f09
```
#3c1f09 rgb(60,31,9)
```
#4d280c
```
#4d280c rgb(77,40,12)
```
#5f310e
```
#5f310e rgb(95,49,14)
```
#703a11
```
#703a11 rgb(112,58,17)
```
#814313
```
#814313 rgb(129,67,19)
```
#924c16
```
#924c16 rgb(146,76,22)
```
#a35418
```
#a35418 rgb(163,84,24)
```
#b45d1b
```
#b45d1b rgb(180,93,27)
```
#c5661d
```
#c5661d rgb(197,102,29)
```
#d66f20
```
#d66f20 rgb(214,111,32)
```

Shade Color Variation

#df792a
```
#df792a rgb(223,121,42)
```
#e2843b
```
#e2843b rgb(226,132,59)
```
#e48e4d
```
#e48e4d rgb(228,142,77)
```
#e7995e
```
#e7995e rgb(231,153,94)
```
#e9a46f
```
#e9a46f rgb(233,164,111)
```
#ecaf80
```
#ecaf80 rgb(236,175,128)
```
#efb991
```
#efb991 rgb(239,185,145)
```
#f1c4a2
```
#f1c4a2 rgb(241,196,162)
```
#f4cfb3
```
#f4cfb3 rgb(244,207,179)
```
#f6dac4
```
#f6dac4 rgb(246,218,196)
```
#f9e5d5
```
#f9e5d5 rgb(249,229,213)
```
#fbefe6
```
#fbefe6 rgb(251,239,230)
```
#fefaf7
```
#fefaf7 rgb(254,250,247)
```

Tint Color Variation

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

#817a75
```
#817a75 rgb(129,122,117)
```
#8a796c
```
#8a796c rgb(138,121,108)
```
#947862
```
#947862 rgb(148,120,98)
```
#9d7659
```
#9d7659 rgb(157,118,89)
```
#a7754f
```
#a7754f rgb(167,117,79)
```
#b07446
```
#b07446 rgb(176,116,70)
```
#ba733c
```
#ba733c rgb(186,115,60)
```
#c37133
```
#c37133 rgb(195,113,51)
```
#cd7029
```
#cd7029 rgb(205,112,41)
```
#d66f20
```
#d66f20 rgb(214,111,32)
```
#df6e17
```
#df6e17 rgb(223,110,23)
```
#e96d0d
```
#e96d0d rgb(233,109,13)
```
#f26b04
```
#f26b04 rgb(242,107,4)
```

Tone Color Variation

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

#858585 Achromatopsia 0.005% of the population
#958171 Atypical Achromatopsia 0.001% of the population

Dichromacy

#a19132 Protanopia 1% of men
#b48a21 Deuteranopia 1% of men
#db6f76 Tritanopia 0.001% of the population

Trichromacy

#b4842b Protanomaly 1% of men, 0.01% of women
#c08020 Deuteranomaly 6% of men, 0.4% of women
#d96f56 Tritanomaly 0.01% of the population

#d66f20 hex color

#d66f20 Color Information

#d66f20 Color Conversion

Color Schemes with #d66f20

Alternatives to #d66f20

#d66f20 Preview

Shades and Tints of #d66f20

Tones of #d66f20

Color Blindness Simulator