#d86f31 hex color

In a RGB color space, hex #d86f31 is composed of 84.7% red, 43.5% green and 19.2% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 48.6% magenta, 77.3% yellow and 15.3% black. It has a hue angle of 22.3 degrees, a saturation of 68.2% and a lightness of 52%. #d86f31 color hex could be obtained by blending #ffde62 with #b10000. Closest websafe color is: #cc6633.

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

● #d86f31 color description : Strong orange.

The hexadecimal color #d86f31 has RGB values of R:216, G:111, B:49 and CMYK values of C:0, M:0.49, Y:0.77, K:0.15. Its decimal value is 14184241.

Hex triplet	d86f31	`#d86f31`
RGB Decimal	216, 111, 49	`rgb(216,111,49)`
RGB Percent	84.7, 43.5, 19.2	`rgb(84.7%,43.5%,19.2%)`
CMYK	0, 49, 77, 15
HSL	22.3°, 68.2, 52	`hsl(22.3,68.2%,52%)`
HSV (or HSB)	22.3°, 77.3, 84.7
Web Safe	cc6633	`#cc6633`

CIE-LAB	58.22, 36.959, 51.264
XYZ	34.559, 26.193, 6.141
xyY	0.517, 0.392, 26.193
CIE-LCH	58.22, 63.198, 54.21
CIE-LUV	58.22, 84.914, 45.688
Hunter-Lab	51.179, 30.971, 28.71
Binary	11011000, 01101111, 00110001

#d86f31
```
#d86f31 rgb(216,111,49)
```
#319ad8
```
#319ad8 rgb(49,154,216)
```

Complementary Color

#d83146
```
#d83146 rgb(216,49,70)
```
#d86f31
```
#d86f31 rgb(216,111,49)
```
#d8c331
```
#d8c331 rgb(216,195,49)
```

Analogous Color

#3147d8
```
#3147d8 rgb(49,71,216)
```
#d86f31
```
#d86f31 rgb(216,111,49)
```
#31d8c3
```
#31d8c3 rgb(49,216,195)
```

Split Complementary Color

#6f31d8
```
#6f31d8 rgb(111,49,216)
```
#d86f31
```
#d86f31 rgb(216,111,49)
```
#31d86f
```
#31d86f rgb(49,216,111)
```

Triadic Color

#d8319a
```
#d8319a rgb(216,49,154)
```
#d86f31
```
#d86f31 rgb(216,111,49)
```
#31d86f
```
#31d86f rgb(49,216,111)
```
#319ad8
```
#319ad8 rgb(49,154,216)
```

Tetradic Color

#9e4e1e
```
#9e4e1e rgb(158,78,30)
```
#b45822
```
#b45822 rgb(180,88,34)
```
#c96326
```
#c96326 rgb(201,99,38)
```
#d86f31
```
#d86f31 rgb(216,111,49)
```
#dc7e46
```
#dc7e46 rgb(220,126,70)
```
#e08d5c
```
#e08d5c rgb(224,141,92)
```
#e49c71
```
#e49c71 rgb(228,156,113)
```

Monochromatic Color

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

#d84531
```
#d84531 rgb(216,69,49)
```
#d85331
```
#d85331 rgb(216,83,49)
```
#d86131
```
#d86131 rgb(216,97,49)
```
#d86f31
```
#d86f31 rgb(216,111,49)
```
#d87d31
```
#d87d31 rgb(216,125,49)
```
#d88b31
```
#d88b31 rgb(216,139,49)
```
#d89931
```
#d89931 rgb(216,153,49)
```

Similar Colors

Text with hexadecimal color #d86f31

This text has a font color of #d86f31.

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

#d86f31 background color

This paragraph has a background color of #d86f31.

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

#d86f31 border color

This element has a border color of #d86f31.

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

CSS codes

.text {color:#d86f31;}

.background {background-color:#d86f31;}

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

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

#080402
```
#080402 rgb(8,4,2)
```
#190c05
```
#190c05 rgb(25,12,5)
```
#291408
```
#291408 rgb(41,20,8)
```
#3a1c0b
```
#3a1c0b rgb(58,28,11)
```
#4a240e
```
#4a240e rgb(74,36,14)
```
#5b2d11
```
#5b2d11 rgb(91,45,17)
```
#6b3514
```
#6b3514 rgb(107,53,20)
```
#7c3d17
```
#7c3d17 rgb(124,61,23)
```
#8c451b
```
#8c451b rgb(140,69,27)
```
#9d4d1e
```
#9d4d1e rgb(157,77,30)
```
#ad5521
```
#ad5521 rgb(173,85,33)
```
#be5d24
```
#be5d24 rgb(190,93,36)
```
#ce6527
```
#ce6527 rgb(206,101,39)
```

Shade Color Variation

#d86f31
```
#d86f31 rgb(216,111,49)
```
#db7b41
```
#db7b41 rgb(219,123,65)
```
#de8652
```
#de8652 rgb(222,134,82)
```
#e19262
```
#e19262 rgb(225,146,98)
```
#e49d73
```
#e49d73 rgb(228,157,115)
```
#e8a983
```
#e8a983 rgb(232,169,131)
```
#ebb494
```
#ebb494 rgb(235,180,148)
```
#eec0a4
```
#eec0a4 rgb(238,192,164)
```
#f1cbb5
```
#f1cbb5 rgb(241,203,181)
```
#f4d7c5
```
#f4d7c5 rgb(244,215,197)
```
#f7e2d6
```
#f7e2d6 rgb(247,226,214)
```
#faeee6
```
#faeee6 rgb(250,238,230)
```
#fdf9f7
```
#fdf9f7 rgb(253,249,247)
```

Tint Color Variation

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

#8d827c
```
#8d827c rgb(141,130,124)
```
#968073
```
#968073 rgb(150,128,115)
```
#9f7e6a
```
#9f7e6a rgb(159,126,106)
```
#a97b60
```
#a97b60 rgb(169,123,96)
```
#b27957
```
#b27957 rgb(178,121,87)
```
#bc764d
```
#bc764d rgb(188,118,77)
```
#c57444
```
#c57444 rgb(197,116,68)
```
#cf713a
```
#cf713a rgb(207,113,58)
```
#d86f31
```
#d86f31 rgb(216,111,49)
```
#e16d28
```
#e16d28 rgb(225,109,40)
```
#eb6a1e
```
#eb6a1e rgb(235,106,30)
```
#f46815
```
#f46815 rgb(244,104,21)
```
#fe650b
```
#fe650b rgb(254,101,11)
```

Tone Color Variation

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

#878787 Achromatopsia 0.005% of the population
#978276 Atypical Achromatopsia 0.001% of the population

Dichromacy

#a19243 Protanopia 1% of men
#b48b34 Deuteranopia 1% of men
#dd7077 Tritanopia 0.001% of the population

Trichromacy

#b5853c Protanomaly 1% of men, 0.01% of women
#c18033 Deuteranomaly 6% of men, 0.4% of women
#db6f5d Tritanomaly 0.01% of the population

#d86f31 hex color

#d86f31 Color Information

#d86f31 Color Conversion

Color Schemes with #d86f31

Alternatives to #d86f31

#d86f31 Preview

Shades and Tints of #d86f31

Tones of #d86f31

Color Blindness Simulator