#d86a28 hex color

In a RGB color space, hex #d86a28 is composed of 84.7% red, 41.6% green and 15.7% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 50.9% magenta, 81.5% yellow and 15.3% black. It has a hue angle of 22.5 degrees, a saturation of 69.3% and a lightness of 50.2%. #d86a28 color hex could be obtained by blending #ffd450 with #b10000. Closest websafe color is: #cc6633.

♥
- f
- t
- g
- R 85
- G 42
- B 16
RGB color chart
- C 0
- M 51
- Y 81
- K 15
CMYK color chart

● #d86a28 color description : Strong orange.

The hexadecimal color #d86a28 has RGB values of R:216, G:106, B:40 and CMYK values of C:0, M:0.51, Y:0.81, K:0.15. Its decimal value is 14182952.

Hex triplet	d86a28	`#d86a28`
RGB Decimal	216, 106, 40	`rgb(216,106,40)`
RGB Percent	84.7, 41.6, 15.7	`rgb(84.7%,41.6%,15.7%)`
CMYK	0, 51, 81, 15
HSL	22.5°, 69.3, 50.2	`hsl(22.5,69.3%,50.2%)`
HSV (or HSB)	22.5°, 81.5, 84.7
Web Safe	cc6633	`#cc6633`

CIE-LAB	57.137, 39.192, 54.183
XYZ	33.857, 25.063, 5.062
xyY	0.529, 0.392, 25.063
CIE-LCH	57.137, 66.872, 54.121
CIE-LUV	57.137, 89.743, 46.368
Hunter-Lab	50.063, 33.106, 29.049
Binary	11011000, 01101010, 00101000

#d86a28
```
#d86a28 rgb(216,106,40)
```
#2896d8
```
#2896d8 rgb(40,150,216)
```

Complementary Color

#d8283e
```
#d8283e rgb(216,40,62)
```
#d86a28
```
#d86a28 rgb(216,106,40)
```
#d8c228
```
#d8c228 rgb(216,194,40)
```

Analogous Color

#283ed8
```
#283ed8 rgb(40,62,216)
```
#d86a28
```
#d86a28 rgb(216,106,40)
```
#28d8c2
```
#28d8c2 rgb(40,216,194)
```

Split Complementary Color

#6a28d8
```
#6a28d8 rgb(106,40,216)
```
#d86a28
```
#d86a28 rgb(216,106,40)
```
#28d86a
```
#28d86a rgb(40,216,106)
```

Triadic Color

#d82896
```
#d82896 rgb(216,40,150)
```
#d86a28
```
#d86a28 rgb(216,106,40)
```
#28d86a
```
#28d86a rgb(40,216,106)
```
#2896d8
```
#2896d8 rgb(40,150,216)
```

Tetradic Color

#984a1c
```
#984a1c rgb(152,74,28)
```
#ae551f
```
#ae551f rgb(174,85,31)
```
#c35f23
```
#c35f23 rgb(195,95,35)
```
#d86a28
```
#d86a28 rgb(216,106,40)
```
#dc793e
```
#dc793e rgb(220,121,62)
```
#e08853
```
#e08853 rgb(224,136,83)
```
#e49769
```
#e49769 rgb(228,151,105)
```

Monochromatic Color

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

#d83e28
```
#d83e28 rgb(216,62,40)
```
#d84d28
```
#d84d28 rgb(216,77,40)
```
#d85b28
```
#d85b28 rgb(216,91,40)
```
#d86a28
```
#d86a28 rgb(216,106,40)
```
#d87928
```
#d87928 rgb(216,121,40)
```
#d88728
```
#d88728 rgb(216,135,40)
```
#d89628
```
#d89628 rgb(216,150,40)
```

Similar Colors

Text with hexadecimal color #d86a28

This text has a font color of #d86a28.

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

#d86a28 background color

This paragraph has a background color of #d86a28.

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

#d86a28 border color

This element has a border color of #d86a28.

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

CSS codes

.text {color:#d86a28;}

.background {background-color:#d86a28;}

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

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 #fcf4ef is the lightest one.

#010000
```
#010000 rgb(1,0,0)
```
#110903
```
#110903 rgb(17,9,3)
```
#221106
```
#221106 rgb(34,17,6)
```
#331909
```
#331909 rgb(51,25,9)
```
#43210c
```
#43210c rgb(67,33,12)
```
#54290f
```
#54290f rgb(84,41,15)
```
#643112
```
#643112 rgb(100,49,18)
```
#753915
```
#753915 rgb(117,57,21)
```
#864118
```
#864118 rgb(134,65,24)
```
#96491b
```
#96491b rgb(150,73,27)
```
#a7521e
```
#a7521e rgb(167,82,30)
```
#b75a21
```
#b75a21 rgb(183,90,33)
```
#c86224
```
#c86224 rgb(200,98,36)
```

Shade Color Variation

#d86a28
```
#d86a28 rgb(216,106,40)
```
#db7639
```
#db7639 rgb(219,118,57)
```
#de8149
```
#de8149 rgb(222,129,73)
```
#e18d5a
```
#e18d5a rgb(225,141,90)
```
#e4986a
```
#e4986a rgb(228,152,106)
```
#e7a47b
```
#e7a47b rgb(231,164,123)
```
#eaaf8c
```
#eaaf8c rgb(234,175,140)
```
#edbb9c
```
#edbb9c rgb(237,187,156)
```
#f0c6ad
```
#f0c6ad rgb(240,198,173)
```
#f3d2bd
```
#f3d2bd rgb(243,210,189)
```
#f6ddce
```
#f6ddce rgb(246,221,206)
```
#f9e9df
```
#f9e9df rgb(249,233,223)
```
#fcf4ef
```
#fcf4ef rgb(252,244,239)
```

Tint Color Variation

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

#808080
```
#808080 rgb(128,128,128)
```
#8a7e76
```
#8a7e76 rgb(138,126,118)
```
#947b6c
```
#947b6c rgb(148,123,108)
```
#9d7963
```
#9d7963 rgb(157,121,99)
```
#a77659
```
#a77659 rgb(167,118,89)
```
#b1744f
```
#b1744f rgb(177,116,79)
```
#bb7145
```
#bb7145 rgb(187,113,69)
```
#c46f3c
```
#c46f3c rgb(196,111,60)
```
#ce6c32
```
#ce6c32 rgb(206,108,50)
```
#d86a28
```
#d86a28 rgb(216,106,40)
```
#e2681e
```
#e2681e rgb(226,104,30)
```
#ec6514
```
#ec6514 rgb(236,101,20)
```
#f5630b
```
#f5630b rgb(245,99,11)
```

Tone Color Variation

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

#838383 Achromatopsia 0.005% of the population
#947e71 Atypical Achromatopsia 0.001% of the population

Dichromacy

#9f8f3b Protanopia 1% of men
#b28829 Deuteranopia 1% of men
#dc6b71 Tritanopia 0.001% of the population

Trichromacy

#b38134 Protanomaly 1% of men, 0.01% of women
#c07d29 Deuteranomaly 6% of men, 0.4% of women
#db6a57 Tritanomaly 0.01% of the population

#d86a28 hex color

#d86a28 Color Information

#d86a28 Color Conversion

Color Schemes with #d86a28

Alternatives to #d86a28

#d86a28 Preview

Shades and Tints of #d86a28

Tones of #d86a28

Color Blindness Simulator