#d86f14 hex color

In a RGB color space, hex #d86f14 is composed of 84.7% red, 43.5% green and 7.8% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 48.6% magenta, 90.7% yellow and 15.3% black. It has a hue angle of 27.9 degrees, a saturation of 83.1% and a lightness of 46.3%. #d86f14 color hex could be obtained by blending #ffde28 with #b10000. Closest websafe color is: #cc6600.

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

● #d86f14 color description : Strong orange.

The hexadecimal color #d86f14 has RGB values of R:216, G:111, B:20 and CMYK values of C:0, M:0.49, Y:0.91, K:0.15. Its decimal value is 14184212.

Hex triplet	d86f14	`#d86f14`
RGB Decimal	216, 111, 20	`rgb(216,111,20)`
RGB Percent	84.7, 43.5, 7.8	`rgb(84.7%,43.5%,7.8%)`
CMYK	0, 49, 91, 15
HSL	27.9°, 83.1, 46.3	`hsl(27.9,83.1%,46.3%)`
HSV (or HSB)	27.9°, 90.7, 84.7
Web Safe	cc6600	`#cc6600`

CIE-LAB	58.057, 36.178, 61.831
XYZ	34.131, 26.021, 3.887
xyY	0.533, 0.406, 26.021
CIE-LCH	58.057, 71.637, 59.668
CIE-LUV	58.057, 86.951, 51.823
Hunter-Lab	51.011, 30.162, 31.19
Binary	11011000, 01101111, 00010100

#d86f14
```
#d86f14 rgb(216,111,20)
```
#147dd8
```
#147dd8 rgb(20,125,216)
```

Complementary Color

#d8141b
```
#d8141b rgb(216,20,27)
```
#d86f14
```
#d86f14 rgb(216,111,20)
```
#d8d114
```
#d8d114 rgb(216,209,20)
```

Analogous Color

#141bd8
```
#141bd8 rgb(20,27,216)
```
#d86f14
```
#d86f14 rgb(216,111,20)
```
#14d8d1
```
#14d8d1 rgb(20,216,209)
```

Split Complementary Color

#6f14d8
```
#6f14d8 rgb(111,20,216)
```
#d86f14
```
#d86f14 rgb(216,111,20)
```
#14d86f
```
#14d86f rgb(20,216,111)
```

Triadic Color

#d8147d
```
#d8147d rgb(216,20,125)
```
#d86f14
```
#d86f14 rgb(216,111,20)
```
#14d86f
```
#14d86f rgb(20,216,111)
```
#147dd8
```
#147dd8 rgb(20,125,216)
```

Tetradic Color

#924b0e
```
#924b0e rgb(146,75,14)
```
#a95710
```
#a95710 rgb(169,87,16)
```
#c16312
```
#c16312 rgb(193,99,18)
```
#d86f14
```
#d86f14 rgb(216,111,20)
```
#ea7b1c
```
#ea7b1c rgb(234,123,28)
```
#ec8933
```
#ec8933 rgb(236,137,51)
```
#ee964a
```
#ee964a rgb(238,150,74)
```

Monochromatic Color

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

#d83e14
```
#d83e14 rgb(216,62,20)
```
#d84e14
```
#d84e14 rgb(216,78,20)
```
#d85f14
```
#d85f14 rgb(216,95,20)
```
#d86f14
```
#d86f14 rgb(216,111,20)
```
#d87f14
```
#d87f14 rgb(216,127,20)
```
#d89014
```
#d89014 rgb(216,144,20)
```
#d8a014
```
#d8a014 rgb(216,160,20)
```

Similar Colors

Text with hexadecimal color #d86f14

This text has a font color of #d86f14.

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

#d86f14 background color

This paragraph has a background color of #d86f14.

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

#d86f14 border color

This element has a border color of #d86f14.

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

CSS codes

.text {color:#d86f14;}

.background {background-color:#d86f14;}

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

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

#010000
```
#010000 rgb(1,0,0)
```
#130a02
```
#130a02 rgb(19,10,2)
```
#241303
```
#241303 rgb(36,19,3)
```
#361c05
```
#361c05 rgb(54,28,5)
```
#482507
```
#482507 rgb(72,37,7)
```
#5a2e08
```
#5a2e08 rgb(90,46,8)
```
#6c380a
```
#6c380a rgb(108,56,10)
```
#7e410c
```
#7e410c rgb(126,65,12)
```
#904a0d
```
#904a0d rgb(144,74,13)
```
#a2530f
```
#a2530f rgb(162,83,15)
```
#b45d11
```
#b45d11 rgb(180,93,17)
```
#c66612
```
#c66612 rgb(198,102,18)
```
#d86f14
```
#d86f14 rgb(216,111,20)
```

Shade Color Variation

#e97816
```
#e97816 rgb(233,120,22)
```
#eb8328
```
#eb8328 rgb(235,131,40)
```
#ed8d3a
```
#ed8d3a rgb(237,141,58)
```
#ee974c
```
#ee974c rgb(238,151,76)
```
#f0a25e
```
#f0a25e rgb(240,162,94)
```
#f2ac70
```
#f2ac70 rgb(242,172,112)
```
#f3b782
```
#f3b782 rgb(243,183,130)
```
#f5c194
```
#f5c194 rgb(245,193,148)
```
#f7cba6
```
#f7cba6 rgb(247,203,166)
```
#f8d6b8
```
#f8d6b8 rgb(248,214,184)
```
#fae0ca
```
#fae0ca rgb(250,224,202)
```
#fcebdc
```
#fcebdc rgb(252,235,220)
```
#fdf5ee
```
#fdf5ee rgb(253,245,238)
```

Tint Color Variation

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

#7d756f
```
#7d756f rgb(125,117,111)
```
#867566
```
#867566 rgb(134,117,102)
```
#8f745d
```
#8f745d rgb(143,116,93)
```
#987454
```
#987454 rgb(152,116,84)
```
#a2734a
```
#a2734a rgb(162,115,74)
```
#ab7241
```
#ab7241 rgb(171,114,65)
```
#b47238
```
#b47238 rgb(180,114,56)
```
#bd712f
```
#bd712f rgb(189,113,47)
```
#c67026
```
#c67026 rgb(198,112,38)
```
#cf701d
```
#cf701d rgb(207,112,29)
```
#d86f14
```
#d86f14 rgb(216,111,20)
```
#e16e0b
```
#e16e0b rgb(225,110,11)
```
#ea6e02
```
#ea6e02 rgb(234,110,2)
```

Tone Color Variation

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

#848484 Achromatopsia 0.005% of the population
#95806e Atypical Achromatopsia 0.001% of the population

Dichromacy

#a29127 Protanopia 1% of men
#b68a09 Deuteranopia 1% of men
#dd6f76 Tritanopia 0.001% of the population

Trichromacy

#b68520 Protanomaly 1% of men, 0.01% of women
#c2800d Deuteranomaly 6% of men, 0.4% of women
#db6f52 Tritanomaly 0.01% of the population

#d86f14 hex color

#d86f14 Color Information

#d86f14 Color Conversion

Color Schemes with #d86f14

Alternatives to #d86f14

#d86f14 Preview

Shades and Tints of #d86f14

Tones of #d86f14

Color Blindness Simulator