#d86f3b hex color

In a RGB color space, hex #d86f3b is composed of 84.7% red, 43.5% green and 23.1% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 48.6% magenta, 72.7% yellow and 15.3% black. It has a hue angle of 19.9 degrees, a saturation of 66.8% and a lightness of 53.9%. #d86f3b color hex could be obtained by blending #ffde76 with #b10000. Closest websafe color is: #cc6633.

♥
- f
- t
- g
- R 85
- G 44
- B 23
RGB color chart
- C 0
- M 49
- Y 73
- K 15
CMYK color chart

● #d86f3b color description : Moderate orange.

The hexadecimal color #d86f3b has RGB values of R:216, G:111, B:59 and CMYK values of C:0, M:0.49, Y:0.73, K:0.15. Its decimal value is 14184251.

Hex triplet	d86f3b	`#d86f3b`
RGB Decimal	216, 111, 59	`rgb(216,111,59)`
RGB Percent	84.7, 43.5, 23.1	`rgb(84.7%,43.5%,23.1%)`
CMYK	0, 49, 73, 15
HSL	19.9°, 66.8, 53.9	`hsl(19.9,66.8%,53.9%)`
HSV (or HSB)	19.9°, 72.7, 84.7
Web Safe	cc6633	`#cc6633`

CIE-LAB	58.308, 37.384, 46.577
XYZ	34.794, 26.287, 7.379
xyY	0.508, 0.384, 26.287
CIE-LCH	58.308, 59.724, 51.249
CIE-LUV	58.308, 83.832, 42.42
Hunter-Lab	51.271, 31.413, 27.356
Binary	11011000, 01101111, 00111011

#d86f3b
```
#d86f3b rgb(216,111,59)
```
#3ba4d8
```
#3ba4d8 rgb(59,164,216)
```

Complementary Color

#d83b55
```
#d83b55 rgb(216,59,85)
```
#d86f3b
```
#d86f3b rgb(216,111,59)
```
#d8be3b
```
#d8be3b rgb(216,190,59)
```

Analogous Color

#3b55d8
```
#3b55d8 rgb(59,85,216)
```
#d86f3b
```
#d86f3b rgb(216,111,59)
```
#3bd8be
```
#3bd8be rgb(59,216,190)
```

Split Complementary Color

#6f3bd8
```
#6f3bd8 rgb(111,59,216)
```
#d86f3b
```
#d86f3b rgb(216,111,59)
```
#3bd86f
```
#3bd86f rgb(59,216,111)
```

Triadic Color

#d83ba4
```
#d83ba4 rgb(216,59,164)
```
#d86f3b
```
#d86f3b rgb(216,111,59)
```
#3bd86f
```
#3bd86f rgb(59,216,111)
```
#3ba4d8
```
#3ba4d8 rgb(59,164,216)
```

Tetradic Color

#a64d21
```
#a64d21 rgb(166,77,33)
```
#bb5725
```
#bb5725 rgb(187,87,37)
```
#d06129
```
#d06129 rgb(208,97,41)
```
#d86f3b
```
#d86f3b rgb(216,111,59)
```
#dc7f50
```
#dc7f50 rgb(220,127,80)
```
#e08e66
```
#e08e66 rgb(224,142,102)
```
#e59e7b
```
#e59e7b rgb(229,158,123)
```

Monochromatic Color

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

#d8483b
```
#d8483b rgb(216,72,59)
```
#d8553b
```
#d8553b rgb(216,85,59)
```
#d8623b
```
#d8623b rgb(216,98,59)
```
#d86f3b
```
#d86f3b rgb(216,111,59)
```
#d87c3b
```
#d87c3b rgb(216,124,59)
```
#d8893b
```
#d8893b rgb(216,137,59)
```
#d8963b
```
#d8963b rgb(216,150,59)
```

Similar Colors

Text with hexadecimal color #d86f3b

This text has a font color of #d86f3b.

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

#d86f3b background color

This paragraph has a background color of #d86f3b.

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

#d86f3b border color

This element has a border color of #d86f3b.

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

CSS codes

.text {color:#d86f3b;}

.background {background-color:#d86f3b;}

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

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

#000000
```
#000000 rgb(0,0,0)
```
#110803
```
#110803 rgb(17,8,3)
```
#210f07
```
#210f07 rgb(33,15,7)
```
#31170a
```
#31170a rgb(49,23,10)
```
#421f0d
```
#421f0d rgb(66,31,13)
```
#522610
```
#522610 rgb(82,38,16)
```
#622e14
```
#622e14 rgb(98,46,20)
```
#733517
```
#733517 rgb(115,53,23)
```
#833d1a
```
#833d1a rgb(131,61,26)
```
#94451d
```
#94451d rgb(148,69,29)
```
#a44c21
```
#a44c21 rgb(164,76,33)
```
#b45424
```
#b45424 rgb(180,84,36)
```
#c55b27
```
#c55b27 rgb(197,91,39)
```

Shade Color Variation

#d5632b
```
#d5632b rgb(213,99,43)
```
#d86f3b
```
#d86f3b rgb(216,111,59)
```
#db7b4b
```
#db7b4b rgb(219,123,75)
```
#df875c
```
#df875c rgb(223,135,92)
```
#e2936c
```
#e2936c rgb(226,147,108)
```
#e59f7c
```
#e59f7c rgb(229,159,124)
```
#e8ab8d
```
#e8ab8d rgb(232,171,141)
```
#ecb79d
```
#ecb79d rgb(236,183,157)
```
#efc3ae
```
#efc3ae rgb(239,195,174)
```
#f2cfbe
```
#f2cfbe rgb(242,207,190)
```
#f5dbce
```
#f5dbce rgb(245,219,206)
```
#f9e7df
```
#f9e7df rgb(249,231,223)
```
#fcf3ef
```
#fcf3ef rgb(252,243,239)
```

Tint Color Variation

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

#908783
```
#908783 rgb(144,135,131)
```
#99847a
```
#99847a rgb(153,132,122)
```
#a28171
```
#a28171 rgb(162,129,113)
```
#ab7e68
```
#ab7e68 rgb(171,126,104)
```
#b47b5f
```
#b47b5f rgb(180,123,95)
```
#bd7856
```
#bd7856 rgb(189,120,86)
```
#c6754d
```
#c6754d rgb(198,117,77)
```
#cf7244
```
#cf7244 rgb(207,114,68)
```
#d86f3b
```
#d86f3b rgb(216,111,59)
```
#e16c32
```
#e16c32 rgb(225,108,50)
```
#ea6929
```
#ea6929 rgb(234,105,41)
```
#f36620
```
#f36620 rgb(243,102,32)
```
#fc6317
```
#fc6317 rgb(252,99,23)
```

Tone Color Variation

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

#888888 Achromatopsia 0.005% of the population
#988379 Atypical Achromatopsia 0.001% of the population

Dichromacy

#a0924d Protanopia 1% of men
#b48b3e Deuteranopia 1% of men
#dc7077 Tritanopia 0.001% of the population

Trichromacy

#b48546 Protanomaly 1% of men, 0.01% of women
#c1813d Deuteranomaly 6% of men, 0.4% of women
#db7061 Tritanomaly 0.01% of the population

#d86f3b hex color

#d86f3b Color Information

#d86f3b Color Conversion

Color Schemes with #d86f3b

Alternatives to #d86f3b

#d86f3b Preview

Shades and Tints of #d86f3b

Tones of #d86f3b

Color Blindness Simulator