#b86f55 hex color

In a RGB color space, hex #b86f55 is composed of 72.2% red, 43.5% green and 33.3% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 39.7% magenta, 53.8% yellow and 27.8% black. It has a hue angle of 15.8 degrees, a saturation of 41.1% and a lightness of 52.7%. #b86f55 color hex could be obtained by blending #ffdeaa with #710000. Closest websafe color is: #cc6666.

♥
- f
- t
- g
- R 72
- G 44
- B 33
RGB color chart
- C 0
- M 40
- Y 54
- K 28
CMYK color chart

● #b86f55 color description : Moderate orange.

The hexadecimal color #b86f55 has RGB values of R:184, G:111, B:85 and CMYK values of C:0, M:0.4, Y:0.54, K:0.28. Its decimal value is 12087125.

Hex triplet	b86f55	`#b86f55`
RGB Decimal	184, 111, 85	`rgb(184,111,85)`
RGB Percent	72.2, 43.5, 33.3	`rgb(72.2%,43.5%,33.3%)`
CMYK	0, 40, 54, 28
HSL	15.8°, 41.1, 52.7	`hsl(15.8,41.1%,52.7%)`
HSV (or HSB)	15.8°, 53.8, 72.2
Web Safe	cc6666	`#cc6666`

CIE-LAB	54.256, 26.226, 26.716
XYZ	27.092, 22.217, 11.455
xyY	0.446, 0.366, 22.217
CIE-LCH	54.256, 37.437, 45.53
CIE-LUV	54.256, 54.104, 26.973
Hunter-Lab	47.135, 20.111, 18.585
Binary	10111000, 01101111, 01010101

#b86f55
```
#b86f55 rgb(184,111,85)
```
#559eb8
```
#559eb8 rgb(85,158,184)
```

Complementary Color

#b8556d
```
#b8556d rgb(184,85,109)
```
#b86f55
```
#b86f55 rgb(184,111,85)
```
#b8a155
```
#b8a155 rgb(184,161,85)
```

Analogous Color

#556db8
```
#556db8 rgb(85,109,184)
```
#b86f55
```
#b86f55 rgb(184,111,85)
```
#55b8a1
```
#55b8a1 rgb(85,184,161)
```

Split Complementary Color

#6f55b8
```
#6f55b8 rgb(111,85,184)
```
#b86f55
```
#b86f55 rgb(184,111,85)
```
#55b86f
```
#55b86f rgb(85,184,111)
```

Triadic Color

#b8559e
```
#b8559e rgb(184,85,158)
```
#b86f55
```
#b86f55 rgb(184,111,85)
```
#55b86f
```
#55b86f rgb(85,184,111)
```
#559eb8
```
#559eb8 rgb(85,158,184)
```

Tetradic Color

#884d39
```
#884d39 rgb(136,77,57)
```
#9a5840
```
#9a5840 rgb(154,88,64)
```
#ac6248
```
#ac6248 rgb(172,98,72)
```
#b86f55
```
#b86f55 rgb(184,111,85)
```
#c07e67
```
#c07e67 rgb(192,126,103)
```
#c78d79
```
#c78d79 rgb(199,141,121)
```
#cf9d8b
```
#cf9d8b rgb(207,157,139)
```

Monochromatic Color

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

#b85655
```
#b85655 rgb(184,86,85)
```
#b85f55
```
#b85f55 rgb(184,95,85)
```
#b86755
```
#b86755 rgb(184,103,85)
```
#b86f55
```
#b86f55 rgb(184,111,85)
```
#b87755
```
#b87755 rgb(184,119,85)
```
#b88055
```
#b88055 rgb(184,128,85)
```
#b88855
```
#b88855 rgb(184,136,85)
```

Similar Colors

Text with hexadecimal color #b86f55

This text has a font color of #b86f55.

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

#b86f55 background color

This paragraph has a background color of #b86f55.

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

#b86f55 border color

This element has a border color of #b86f55.

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

CSS codes

.text {color:#b86f55;}

.background {background-color:#b86f55;}

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

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, #0a0604 is the darkest color, while #fdfcfb is the lightest one.

#0a0604
```
#0a0604 rgb(10,6,4)
```
#180e0a
```
#180e0a rgb(24,14,10)
```
#261510
```
#261510 rgb(38,21,16)
```
#331d15
```
#331d15 rgb(51,29,21)
```
#41251b
```
#41251b rgb(65,37,27)
```
#4f2d21
```
#4f2d21 rgb(79,45,33)
```
#5d3527
```
#5d3527 rgb(93,53,39)
```
#6b3d2d
```
#6b3d2d rgb(107,61,45)
```
#794532
```
#794532 rgb(121,69,50)
```
#864d38
```
#864d38 rgb(134,77,56)
```
#94553e
```
#94553e rgb(148,85,62)
```
#a25c44
```
#a25c44 rgb(162,92,68)
```
#b06449
```
#b06449 rgb(176,100,73)
```

Shade Color Variation

#b86f55
```
#b86f55 rgb(184,111,85)
```
#be7b63
```
#be7b63 rgb(190,123,99)
```
#c48671
```
#c48671 rgb(196,134,113)
```
#c9927f
```
#c9927f rgb(201,146,127)
```
#cf9e8c
```
#cf9e8c rgb(207,158,140)
```
#d5aa9a
```
#d5aa9a rgb(213,170,154)
```
#dbb5a8
```
#dbb5a8 rgb(219,181,168)
```
#e0c1b6
```
#e0c1b6 rgb(224,193,182)
```
#e6cdc4
```
#e6cdc4 rgb(230,205,196)
```
#ecd8d2
```
#ecd8d2 rgb(236,216,210)
```
#f2e4df
```
#f2e4df rgb(242,228,223)
```
#f8f0ed
```
#f8f0ed rgb(248,240,237)
```
#fdfcfb
```
#fdfcfb rgb(253,252,251)
```

Tint Color Variation

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

#8a8583
```
#8a8583 rgb(138,133,131)
```
#93817a
```
#93817a rgb(147,129,122)
```
#9c7c71
```
#9c7c71 rgb(156,124,113)
```
#a57868
```
#a57868 rgb(165,120,104)
```
#af735e
```
#af735e rgb(175,115,94)
```
#b86f55
```
#b86f55 rgb(184,111,85)
```
#c16b4c
```
#c16b4c rgb(193,107,76)
```
#cb6642
```
#cb6642 rgb(203,102,66)
```
#d46239
```
#d46239 rgb(212,98,57)
```
#dd5d30
```
#dd5d30 rgb(221,93,48)
```
#e65927
```
#e65927 rgb(230,89,39)
```
#f0551d
```
#f0551d rgb(240,85,29)
```
#f95014
```
#f95014 rgb(249,80,20)
```

Tone Color Variation

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

#828282 Achromatopsia 0.005% of the population
#8d7e79 Atypical Achromatopsia 0.001% of the population

Dichromacy

#928864 Protanopia 1% of men
#a2825a Deuteranopia 1% of men
#bd727a Tritanopia 0.001% of the population

Trichromacy

#9f7e5e Protanomaly 1% of men, 0.01% of women
#aa7b58 Deuteranomaly 6% of men, 0.4% of women
#bb716c Tritanomaly 0.01% of the population

#b86f55 hex color

#b86f55 Color Information

#b86f55 Color Conversion

Color Schemes with #b86f55

Alternatives to #b86f55

#b86f55 Preview

Shades and Tints of #b86f55

Tones of #b86f55

Color Blindness Simulator