#d66a2c hex color

In a RGB color space, hex #d66a2c is composed of 83.9% red, 41.6% green and 17.3% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 50.5% magenta, 79.4% yellow and 16.1% black. It has a hue angle of 21.9 degrees, a saturation of 67.5% and a lightness of 50.6%. #d66a2c color hex could be obtained by blending #ffd458 with #ad0000. Closest websafe color is: #cc6633.

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

● #d66a2c color description : Strong orange.

The hexadecimal color #d66a2c has RGB values of R:214, G:106, B:44 and CMYK values of C:0, M:0.5, Y:0.79, K:0.16. Its decimal value is 14051884.

Hex triplet	d66a2c	`#d66a2c`
RGB Decimal	214, 106, 44	`rgb(214,106,44)`
RGB Percent	83.9, 41.6, 17.3	`rgb(83.9%,41.6%,17.3%)`
CMYK	0, 50, 79, 16
HSL	21.9°, 67.5, 50.6	`hsl(21.9,67.5%,50.6%)`
HSV (or HSB)	21.9°, 79.4, 83.9
Web Safe	cc6633	`#cc6633`

CIE-LAB	56.869, 38.537, 52.103
XYZ	33.341, 24.789, 5.412
xyY	0.525, 0.39, 24.789
CIE-LCH	56.869, 64.806, 53.512
CIE-LUV	56.869, 87.705, 45.155
Hunter-Lab	49.789, 32.404, 28.408
Binary	11010110, 01101010, 00101100

#d66a2c
```
#d66a2c rgb(214,106,44)
```
#2c98d6
```
#2c98d6 rgb(44,152,214)
```

Complementary Color

#d62c43
```
#d62c43 rgb(214,44,67)
```
#d66a2c
```
#d66a2c rgb(214,106,44)
```
#d6bf2c
```
#d6bf2c rgb(214,191,44)
```

Analogous Color

#2c43d6
```
#2c43d6 rgb(44,67,214)
```
#d66a2c
```
#d66a2c rgb(214,106,44)
```
#2cd6bf
```
#2cd6bf rgb(44,214,191)
```

Split Complementary Color

#6a2cd6
```
#6a2cd6 rgb(106,44,214)
```
#d66a2c
```
#d66a2c rgb(214,106,44)
```
#2cd66a
```
#2cd66a rgb(44,214,106)
```

Triadic Color

#d62c98
```
#d62c98 rgb(214,44,152)
```
#d66a2c
```
#d66a2c rgb(214,106,44)
```
#2cd66a
```
#2cd66a rgb(44,214,106)
```
#2c98d6
```
#2c98d6 rgb(44,152,214)
```

Tetradic Color

#984a1e
```
#984a1e rgb(152,74,30)
```
#ad5522
```
#ad5522 rgb(173,85,34)
```
#c35f26
```
#c35f26 rgb(195,95,38)
```
#d66a2c
```
#d66a2c rgb(214,106,44)
```
#da7941
```
#da7941 rgb(218,121,65)
```
#de8857
```
#de8857 rgb(222,136,87)
```
#e2976c
```
#e2976c rgb(226,151,108)
```

Monochromatic Color

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

#d6402c
```
#d6402c rgb(214,64,44)
```
#d64e2c
```
#d64e2c rgb(214,78,44)
```
#d65c2c
```
#d65c2c rgb(214,92,44)
```
#d66a2c
```
#d66a2c rgb(214,106,44)
```
#d6782c
```
#d6782c rgb(214,120,44)
```
#d6862c
```
#d6862c rgb(214,134,44)
```
#d6952c
```
#d6952c rgb(214,149,44)
```

Similar Colors

Text with hexadecimal color #d66a2c

This text has a font color of #d66a2c.

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

#d66a2c background color

This paragraph has a background color of #d66a2c.

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

#d66a2c border color

This element has a border color of #d66a2c.

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

CSS codes

.text {color:#d66a2c;}

.background {background-color:#d66a2c;}

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

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

#030100
```
#030100 rgb(3,1,0)
```
#130904
```
#130904 rgb(19,9,4)
```
#231107
```
#231107 rgb(35,17,7)
```
#34190a
```
#34190a rgb(52,25,10)
```
#44210d
```
#44210d rgb(68,33,13)
```
#552910
```
#552910 rgb(85,41,16)
```
#653114
```
#653114 rgb(101,49,20)
```
#753917
```
#753917 rgb(117,57,23)
```
#86411a
```
#86411a rgb(134,65,26)
```
#96491d
```
#96491d rgb(150,73,29)
```
#a75120
```
#a75120 rgb(167,81,32)
```
#b75924
```
#b75924 rgb(183,89,36)
```
#c86127
```
#c86127 rgb(200,97,39)
```

Shade Color Variation

#d66a2c
```
#d66a2c rgb(214,106,44)
```
#d9763c
```
#d9763c rgb(217,118,60)
```
#dc814d
```
#dc814d rgb(220,129,77)
```
#e08d5d
```
#e08d5d rgb(224,141,93)
```
#e3986e
```
#e3986e rgb(227,152,110)
```
#e6a47e
```
#e6a47e rgb(230,164,126)
```
#e9b08f
```
#e9b08f rgb(233,176,143)
```
#ecbb9f
```
#ecbb9f rgb(236,187,159)
```
#f0c7af
```
#f0c7af rgb(240,199,175)
```
#f3d2c0
```
#f3d2c0 rgb(243,210,192)
```
#f6ded0
```
#f6ded0 rgb(246,222,208)
```
#f9eae1
```
#f9eae1 rgb(249,234,225)
```
#fcf5f1
```
#fcf5f1 rgb(252,245,241)
```

Tint Color Variation

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

#887f7a
```
#887f7a rgb(136,127,122)
```
#927c70
```
#927c70 rgb(146,124,112)
```
#9c7a66
```
#9c7a66 rgb(156,122,102)
```
#a6775c
```
#a6775c rgb(166,119,92)
```
#af7453
```
#af7453 rgb(175,116,83)
```
#b97249
```
#b97249 rgb(185,114,73)
```
#c36f3f
```
#c36f3f rgb(195,111,63)
```
#cc6d36
```
#cc6d36 rgb(204,109,54)
```
#d66a2c
```
#d66a2c rgb(214,106,44)
```
#e06722
```
#e06722 rgb(224,103,34)
```
#e96519
```
#e96519 rgb(233,101,25)
```
#f3620f
```
#f3620f rgb(243,98,15)
```
#fd6005
```
#fd6005 rgb(253,96,5)
```

Tone Color Variation

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

#838383 Achromatopsia 0.005% of the population
#947e72 Atypical Achromatopsia 0.001% of the population

Dichromacy

#9e8e3e Protanopia 1% of men
#b1872e Deuteranopia 1% of men
#da6b72 Tritanopia 0.001% of the population

Trichromacy

#b28137 Protanomaly 1% of men, 0.01% of women
#be7d2d Deuteranomaly 6% of men, 0.4% of women
#d96a58 Tritanomaly 0.01% of the population

#d66a2c hex color

#d66a2c Color Information

#d66a2c Color Conversion

Color Schemes with #d66a2c

Alternatives to #d66a2c

#d66a2c Preview

Shades and Tints of #d66a2c

Tones of #d66a2c

Color Blindness Simulator