#d66c2d hex color

In a RGB color space, hex #d66c2d is composed of 83.9% red, 42.4% green and 17.6% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 49.5% magenta, 79% yellow and 16.1% black. It has a hue angle of 22.4 degrees, a saturation of 67.3% and a lightness of 50.8%. #d66c2d color hex could be obtained by blending #ffd85a with #ad0000. Closest websafe color is: #cc6633.

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

● #d66c2d color description : Strong orange.

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

Hex triplet	d66c2d	`#d66c2d`
RGB Decimal	214, 108, 45	`rgb(214,108,45)`
RGB Percent	83.9, 42.4, 17.6	`rgb(83.9%,42.4%,17.6%)`
CMYK	0, 50, 79, 16
HSL	22.4°, 67.3, 50.8	`hsl(22.4,67.3%,50.8%)`
HSV (or HSB)	22.4°, 79, 83.9
Web Safe	cc6633	`#cc6633`

CIE-LAB	57.283, 37.554, 52.055
XYZ	33.569, 25.214, 5.581
xyY	0.522, 0.392, 25.214
CIE-LCH	57.283, 64.188, 54.192
CIE-LUV	57.283, 86.016, 45.587
Hunter-Lab	50.213, 31.459, 28.559
Binary	11010110, 01101100, 00101101

#d66c2d
```
#d66c2d rgb(214,108,45)
```
#2d97d6
```
#2d97d6 rgb(45,151,214)
```

Complementary Color

#d62d43
```
#d62d43 rgb(214,45,67)
```
#d66c2d
```
#d66c2d rgb(214,108,45)
```
#d6c12d
```
#d6c12d rgb(214,193,45)
```

Analogous Color

#2d43d6
```
#2d43d6 rgb(45,67,214)
```
#d66c2d
```
#d66c2d rgb(214,108,45)
```
#2dd6c1
```
#2dd6c1 rgb(45,214,193)
```

Split Complementary Color

#6c2dd6
```
#6c2dd6 rgb(108,45,214)
```
#d66c2d
```
#d66c2d rgb(214,108,45)
```
#2dd66c
```
#2dd66c rgb(45,214,108)
```

Triadic Color

#d62d97
```
#d62d97 rgb(214,45,151)
```
#d66c2d
```
#d66c2d rgb(214,108,45)
```
#2dd66c
```
#2dd66c rgb(45,214,108)
```
#2d97d6
```
#2d97d6 rgb(45,151,214)
```

Tetradic Color

#994c1e
```
#994c1e rgb(153,76,30)
```
#ae5622
```
#ae5622 rgb(174,86,34)
```
#c36126
```
#c36126 rgb(195,97,38)
```
#d66c2d
```
#d66c2d rgb(214,108,45)
```
#da7b42
```
#da7b42 rgb(218,123,66)
```
#de8a58
```
#de8a58 rgb(222,138,88)
```
#e2996d
```
#e2996d rgb(226,153,109)
```

Monochromatic Color

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

#d6422d
```
#d6422d rgb(214,66,45)
```
#d6502d
```
#d6502d rgb(214,80,45)
```
#d65e2d
```
#d65e2d rgb(214,94,45)
```
#d66c2d
```
#d66c2d rgb(214,108,45)
```
#d67a2d
```
#d67a2d rgb(214,122,45)
```
#d6882d
```
#d6882d rgb(214,136,45)
```
#d6962d
```
#d6962d rgb(214,150,45)
```

Similar Colors

Text with hexadecimal color #d66c2d

This text has a font color of #d66c2d.

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

#d66c2d background color

This paragraph has a background color of #d66c2d.

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

#d66c2d border color

This element has a border color of #d66c2d.

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

CSS codes

.text {color:#d66c2d;}

.background {background-color:#d66c2d;}

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

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

#030201
```
#030201 rgb(3,2,1)
```
#140a04
```
#140a04 rgb(20,10,4)
```
#241207
```
#241207 rgb(36,18,7)
```
#351a0a
```
#351a0a rgb(53,26,10)
```
#45220d
```
#45220d rgb(69,34,13)
```
#552a11
```
#552a11 rgb(85,42,17)
```
#663214
```
#663214 rgb(102,50,20)
```
#763b17
```
#763b17 rgb(118,59,23)
```
#87431a
```
#87431a rgb(135,67,26)
```
#974b1d
```
#974b1d rgb(151,75,29)
```
#a75321
```
#a75321 rgb(167,83,33)
```
#b85b24
```
#b85b24 rgb(184,91,36)
```
#c86327
```
#c86327 rgb(200,99,39)
```

Shade Color Variation

#d66c2d
```
#d66c2d rgb(214,108,45)
```
#d9773d
```
#d9773d rgb(217,119,61)
```
#dc834e
```
#dc834e rgb(220,131,78)
```
#e08e5e
```
#e08e5e rgb(224,142,94)
```
#e39a6f
```
#e39a6f rgb(227,154,111)
```
#e6a57f
```
#e6a57f rgb(230,165,127)
```
#e9b18f
```
#e9b18f rgb(233,177,143)
```
#ecbca0
```
#ecbca0 rgb(236,188,160)
```
#f0c8b0
```
#f0c8b0 rgb(240,200,176)
```
#f3d3c1
```
#f3d3c1 rgb(243,211,193)
```
#f6dfd1
```
#f6dfd1 rgb(246,223,209)
```
#f9eae2
```
#f9eae2 rgb(249,234,226)
```
#fcf6f2
```
#fcf6f2 rgb(252,246,242)
```

Tint Color Variation

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

#89807a
```
#89807a rgb(137,128,122)
```
#927d71
```
#927d71 rgb(146,125,113)
```
#9c7b67
```
#9c7b67 rgb(156,123,103)
```
#a6785d
```
#a6785d rgb(166,120,93)
```
#af7654
```
#af7654 rgb(175,118,84)
```
#b9734a
```
#b9734a rgb(185,115,74)
```
#c37140
```
#c37140 rgb(195,113,64)
```
#cc6e37
```
#cc6e37 rgb(204,110,55)
```
#d66c2d
```
#d66c2d rgb(214,108,45)
```
#e06a23
```
#e06a23 rgb(224,106,35)
```
#e9671a
```
#e9671a rgb(233,103,26)
```
#f36510
```
#f36510 rgb(243,101,16)
```
#fd6206
```
#fd6206 rgb(253,98,6)
```

Tone Color Variation

Below, you can see how #d66c2d 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
#958073 Atypical Achromatopsia 0.001% of the population

Dichromacy

#9f8f3f Protanopia 1% of men
#b28830 Deuteranopia 1% of men
#db6d74 Tritanopia 0.001% of the population

Trichromacy

#b38238 Protanomaly 1% of men, 0.01% of women
#bf7e2e Deuteranomaly 6% of men, 0.4% of women
#d96c5a Tritanomaly 0.01% of the population

#d66c2d hex color

#d66c2d Color Information

#d66c2d Color Conversion

Color Schemes with #d66c2d

Alternatives to #d66c2d

#d66c2d Preview

Shades and Tints of #d66c2d

Tones of #d66c2d

Color Blindness Simulator