#d66f42 hex color

In a RGB color space, hex #d66f42 is composed of 83.9% red, 43.5% green and 25.9% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 48.1% magenta, 69.2% yellow and 16.1% black. It has a hue angle of 18.2 degrees, a saturation of 64.3% and a lightness of 54.9%. #d66f42 color hex could be obtained by blending #ffde84 with #ad0000. Closest websafe color is: #cc6633.

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

● #d66f42 color description : Moderate orange.

The hexadecimal color #d66f42 has RGB values of R:214, G:111, B:66 and CMYK values of C:0, M:0.48, Y:0.69, K:0.16. Its decimal value is 14053186.

Hex triplet	d66f42	`#d66f42`
RGB Decimal	214, 111, 66	`rgb(214,111,66)`
RGB Percent	83.9, 43.5, 25.9	`rgb(83.9%,43.5%,25.9%)`
CMYK	0, 48, 69, 16
HSL	18.2°, 64.3, 54.9	`hsl(18.2,64.3%,54.9%)`
HSV (or HSB)	18.2°, 69.2, 83.9
Web Safe	cc6633	`#cc6633`

CIE-LAB	58.095, 36.948, 42.702
XYZ	34.4, 26.061, 8.373
xyY	0.5, 0.379, 26.061
CIE-LCH	58.095, 56.468, 49.132
CIE-LUV	58.095, 81.297, 39.562
Hunter-Lab	51.05, 30.945, 26.011
Binary	11010110, 01101111, 01000010

#d66f42
```
#d66f42 rgb(214,111,66)
```
#42a9d6
```
#42a9d6 rgb(66,169,214)
```

Complementary Color

#d6425f
```
#d6425f rgb(214,66,95)
```
#d66f42
```
#d66f42 rgb(214,111,66)
```
#d6b942
```
#d6b942 rgb(214,185,66)
```

Analogous Color

#425fd6
```
#425fd6 rgb(66,95,214)
```
#d66f42
```
#d66f42 rgb(214,111,66)
```
#42d6b9
```
#42d6b9 rgb(66,214,185)
```

Split Complementary Color

#6f42d6
```
#6f42d6 rgb(111,66,214)
```
#d66f42
```
#d66f42 rgb(214,111,66)
```
#42d66f
```
#42d66f rgb(66,214,111)
```

Triadic Color

#d642a9
```
#d642a9 rgb(214,66,169)
```
#d66f42
```
#d66f42 rgb(214,111,66)
```
#42d66f
```
#42d66f rgb(66,214,111)
```
#42a9d6
```
#42a9d6 rgb(66,169,214)
```

Tetradic Color

#a74c24
```
#a74c24 rgb(167,76,36)
```
#bc5629
```
#bc5629 rgb(188,86,41)
```
#d15f2d
```
#d15f2d rgb(209,95,45)
```
#d66f42
```
#d66f42 rgb(214,111,66)
```
#db7f57
```
#db7f57 rgb(219,127,87)
```
#df8f6c
```
#df8f6c rgb(223,143,108)
```
#e49f81
```
#e49f81 rgb(228,159,129)
```

Monochromatic Color

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

#d64a42
```
#d64a42 rgb(214,74,66)
```
#d65642
```
#d65642 rgb(214,86,66)
```
#d66342
```
#d66342 rgb(214,99,66)
```
#d66f42
```
#d66f42 rgb(214,111,66)
```
#d67b42
```
#d67b42 rgb(214,123,66)
```
#d68842
```
#d68842 rgb(214,136,66)
```
#d69442
```
#d69442 rgb(214,148,66)
```

Similar Colors

Text with hexadecimal color #d66f42

This text has a font color of #d66f42.

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

#d66f42 background color

This paragraph has a background color of #d66f42.

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

#d66f42 border color

This element has a border color of #d66f42.

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

CSS codes

.text {color:#d66f42;}

.background {background-color:#d66f42;}

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

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

#040201
```
#040201 rgb(4,2,1)
```
#150904
```
#150904 rgb(21,9,4)
```
#251108
```
#251108 rgb(37,17,8)
```
#35180b
```
#35180b rgb(53,24,11)
```
#451f0f
```
#451f0f rgb(69,31,15)
```
#552712
```
#552712 rgb(85,39,18)
```
#652e16
```
#652e16 rgb(101,46,22)
```
#753519
```
#753519 rgb(117,53,25)
```
#853d1d
```
#853d1d rgb(133,61,29)
```
#954420
```
#954420 rgb(149,68,32)
```
#a64b24
```
#a64b24 rgb(166,75,36)
```
#b65327
```
#b65327 rgb(182,83,39)
```
#c65a2b
```
#c65a2b rgb(198,90,43)
```

Shade Color Variation

#d36332
```
#d36332 rgb(211,99,50)
```
#d66f42
```
#d66f42 rgb(214,111,66)
```
#d97b52
```
#d97b52 rgb(217,123,82)
```
#dd8862
```
#dd8862 rgb(221,136,98)
```
#e09472
```
#e09472 rgb(224,148,114)
```
#e4a082
```
#e4a082 rgb(228,160,130)
```
#e7ac93
```
#e7ac93 rgb(231,172,147)
```
#ebb9a3
```
#ebb9a3 rgb(235,185,163)
```
#eec5b3
```
#eec5b3 rgb(238,197,179)
```
#f2d1c3
```
#f2d1c3 rgb(242,209,195)
```
#f5ded3
```
#f5ded3 rgb(245,222,211)
```
#f9eae3
```
#f9eae3 rgb(249,234,227)
```
#fcf6f3
```
#fcf6f3 rgb(252,246,243)
```

Tint Color Variation

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

#8f8b89
```
#8f8b89 rgb(143,139,137)
```
#988780
```
#988780 rgb(152,135,128)
```
#a18477
```
#a18477 rgb(161,132,119)
```
#aa806e
```
#aa806e rgb(170,128,110)
```
#b37d65
```
#b37d65 rgb(179,125,101)
```
#bb795d
```
#bb795d rgb(187,121,93)
```
#c47654
```
#c47654 rgb(196,118,84)
```
#cd724b
```
#cd724b rgb(205,114,75)
```
#d66f42
```
#d66f42 rgb(214,111,66)
```
#df6c39
```
#df6c39 rgb(223,108,57)
```
#e86830
```
#e86830 rgb(232,104,48)
```
#f16527
```
#f16527 rgb(241,101,39)
```
#f9611f
```
#f9611f rgb(249,97,31)
```

Tone Color Variation

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

#898989 Achromatopsia 0.005% of the population
#98847b Atypical Achromatopsia 0.001% of the population

Dichromacy

#9f9154 Protanopia 1% of men
#b28b45 Deuteranopia 1% of men
#da7178 Tritanopia 0.001% of the population

Trichromacy

#b3854d Protanomaly 1% of men, 0.01% of women
#bf8044 Deuteranomaly 6% of men, 0.4% of women
#d87064 Tritanomaly 0.01% of the population

#d66f42 hex color

#d66f42 Color Information

#d66f42 Color Conversion

Color Schemes with #d66f42

Alternatives to #d66f42

#d66f42 Preview

Shades and Tints of #d66f42

Tones of #d66f42

Color Blindness Simulator