#d86f55 hex color

In a RGB color space, hex #d86f55 is composed of 84.7% red, 43.5% green and 33.3% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 48.6% magenta, 60.6% yellow and 15.3% black. It has a hue angle of 11.9 degrees, a saturation of 62.7% and a lightness of 59%. #d86f55 color hex could be obtained by blending #ffdeaa with #b10000. Closest websafe color is: #cc6666.

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

● #d86f55 color description : Moderate red.

The hexadecimal color #d86f55 has RGB values of R:216, G:111, B:85 and CMYK values of C:0, M:0.49, Y:0.61, K:0.15. Its decimal value is 14184277.

Hex triplet	d86f55	`#d86f55`
RGB Decimal	216, 111, 85	`rgb(216,111,85)`
RGB Percent	84.7, 43.5, 33.3	`rgb(84.7%,43.5%,33.3%)`
CMYK	0, 49, 61, 15
HSL	11.9°, 62.7, 59	`hsl(11.9,62.7%,59%)`
HSV (or HSB)	11.9°, 60.6, 84.7
Web Safe	cc6666	`#cc6666`

CIE-LAB	58.627, 38.898, 33.163
XYZ	35.644, 26.627, 11.856
xyY	0.481, 0.359, 26.627
CIE-LCH	58.627, 51.116, 40.449
CIE-LUV	58.627, 80.116, 31.151
Hunter-Lab	51.601, 32.999, 22.498
Binary	11011000, 01101111, 01010101

#d86f55
```
#d86f55 rgb(216,111,85)
```
#55bed8
```
#55bed8 rgb(85,190,216)
```

Complementary Color

#d8557d
```
#d8557d rgb(216,85,125)
```
#d86f55
```
#d86f55 rgb(216,111,85)
```
#d8b155
```
#d8b155 rgb(216,177,85)
```

Analogous Color

#557dd8
```
#557dd8 rgb(85,125,216)
```
#d86f55
```
#d86f55 rgb(216,111,85)
```
#55d8b1
```
#55d8b1 rgb(85,216,177)
```

Split Complementary Color

#6f55d8
```
#6f55d8 rgb(111,85,216)
```
#d86f55
```
#d86f55 rgb(216,111,85)
```
#55d86f
```
#55d86f rgb(85,216,111)
```

Triadic Color

#d855be
```
#d855be rgb(216,85,190)
```
#d86f55
```
#d86f55 rgb(216,111,85)
```
#55d86f
```
#55d86f rgb(85,216,111)
```
#55bed8
```
#55bed8 rgb(85,190,216)
```

Tetradic Color

#b7462a
```
#b7462a rgb(183,70,42)
```
#cb4e2f
```
#cb4e2f rgb(203,78,47)
```
#d35d40
```
#d35d40 rgb(211,93,64)
```
#d86f55
```
#d86f55 rgb(216,111,85)
```
#dd816a
```
#dd816a rgb(221,129,106)
```
#e2927e
```
#e2927e rgb(226,146,126)
```
#e6a493
```
#e6a493 rgb(230,164,147)
```

Monochromatic Color

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

#d8555c
```
#d8555c rgb(216,85,92)
```
#d85955
```
#d85955 rgb(216,89,85)
```
#d86455
```
#d86455 rgb(216,100,85)
```
#d86f55
```
#d86f55 rgb(216,111,85)
```
#d87a55
```
#d87a55 rgb(216,122,85)
```
#d88555
```
#d88555 rgb(216,133,85)
```
#d89055
```
#d89055 rgb(216,144,85)
```

Similar Colors

Text with hexadecimal color #d86f55

This text has a font color of #d86f55.

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

#d86f55 background color

This paragraph has a background color of #d86f55.

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

#d86f55 border color

This element has a border color of #d86f55.

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

CSS codes

.text {color:#d86f55;}

.background {background-color:#d86f55;}

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

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

#060201
```
#060201 rgb(6,2,1)
```
#150805
```
#150805 rgb(21,8,5)
```
#250e09
```
#250e09 rgb(37,14,9)
```
#35140c
```
#35140c rgb(53,20,12)
```
#451b10
```
#451b10 rgb(69,27,16)
```
#552114
```
#552114 rgb(85,33,20)
```
#652717
```
#652717 rgb(101,39,23)
```
#752d1b
```
#752d1b rgb(117,45,27)
```
#85331f
```
#85331f rgb(133,51,31)
```
#953922
```
#953922 rgb(149,57,34)
```
#a53f26
```
#a53f26 rgb(165,63,38)
```
#b5452a
```
#b5452a rgb(181,69,42)
```
#c54b2d
```
#c54b2d rgb(197,75,45)
```

Shade Color Variation

#d15435
```
#d15435 rgb(209,84,53)
```
#d46145
```
#d46145 rgb(212,97,69)
```
#d86f55
```
#d86f55 rgb(216,111,85)
```
#dc7d65
```
#dc7d65 rgb(220,125,101)
```
#df8a75
```
#df8a75 rgb(223,138,117)
```
#e39885
```
#e39885 rgb(227,152,133)
```
#e7a595
```
#e7a595 rgb(231,165,149)
```
#eab3a5
```
#eab3a5 rgb(234,179,165)
```
#eec0b5
```
#eec0b5 rgb(238,192,181)
```
#f2cec5
```
#f2cec5 rgb(242,206,197)
```
#f5dbd5
```
#f5dbd5 rgb(245,219,213)
```
#f9e9e5
```
#f9e9e5 rgb(249,233,229)
```
#fdf6f5
```
#fdf6f5 rgb(253,246,245)
```

Tint Color Variation

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

#989695
```
#989695 rgb(152,150,149)
```
#a0918d
```
#a0918d rgb(160,145,141)
```
#a88c85
```
#a88c85 rgb(168,140,133)
```
#b0877d
```
#b0877d rgb(176,135,125)
```
#b88275
```
#b88275 rgb(184,130,117)
```
#c07e6d
```
#c07e6d rgb(192,126,109)
```
#c87965
```
#c87965 rgb(200,121,101)
```
#d0745d
```
#d0745d rgb(208,116,93)
```
#d86f55
```
#d86f55 rgb(216,111,85)
```
#e06a4d
```
#e06a4d rgb(224,106,77)
```
#e86545
```
#e86545 rgb(232,101,69)
```
#f0603d
```
#f0603d rgb(240,96,61)
```
#f85c35
```
#f85c35 rgb(248,92,53)
```

Tone Color Variation

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

#8b8b8b Achromatopsia 0.005% of the population
#9a8580 Atypical Achromatopsia 0.001% of the population

Dichromacy

#9e9268 Protanopia 1% of men
#b18c58 Deuteranopia 1% of men
#db7279 Tritanopia 0.001% of the population

Trichromacy

#b38561 Protanomaly 1% of men, 0.01% of women
#bf8156 Deuteranomaly 6% of men, 0.4% of women
#da716c Tritanomaly 0.01% of the population

#d86f55 hex color

#d86f55 Color Information

#d86f55 Color Conversion

Color Schemes with #d86f55

Alternatives to #d86f55

#d86f55 Preview

Shades and Tints of #d86f55

Tones of #d86f55

Color Blindness Simulator