#b86b41 hex color

In a RGB color space, hex #b86b41 is composed of 72.2% red, 42% green and 25.5% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 41.8% magenta, 64.7% yellow and 27.8% black. It has a hue angle of 21.2 degrees, a saturation of 47.8% and a lightness of 48.8%. #b86b41 color hex could be obtained by blending #ffd682 with #710000. Closest websafe color is: #cc6633.

♥
- f
- t
- g
- R 72
- G 42
- B 25
RGB color chart
- C 0
- M 42
- Y 65
- K 28
CMYK color chart

● #b86b41 color description : Moderate orange.

The hexadecimal color #b86b41 has RGB values of R:184, G:107, B:65 and CMYK values of C:0, M:0.42, Y:0.65, K:0.28. Its decimal value is 12086081.

Hex triplet	b86b41	`#b86b41`
RGB Decimal	184, 107, 65	`rgb(184,107,65)`
RGB Percent	72.2, 42, 25.5	`rgb(72.2%,42%,25.5%)`
CMYK	0, 42, 65, 28
HSL	21.2°, 47.8, 48.8	`hsl(21.2,47.8%,48.8%)`
HSV (or HSB)	21.2°, 64.7, 72.2
Web Safe	cc6633	`#cc6633`

CIE-LAB	53.047, 26.873, 36.329
XYZ	25.98, 21.089, 7.703
xyY	0.474, 0.385, 21.089
CIE-LCH	53.047, 45.188, 53.509
CIE-LUV	53.047, 59.675, 35.214
Hunter-Lab	45.923, 20.615, 22.201
Binary	10111000, 01101011, 01000001

#b86b41
```
#b86b41 rgb(184,107,65)
```
#418eb8
```
#418eb8 rgb(65,142,184)
```

Complementary Color

#b84153
```
#b84153 rgb(184,65,83)
```
#b86b41
```
#b86b41 rgb(184,107,65)
```
#b8a741
```
#b8a741 rgb(184,167,65)
```

Analogous Color

#4152b8
```
#4152b8 rgb(65,82,184)
```
#b86b41
```
#b86b41 rgb(184,107,65)
```
#41b8a7
```
#41b8a7 rgb(65,184,167)
```

Split Complementary Color

#6b41b8
```
#6b41b8 rgb(107,65,184)
```
#b86b41
```
#b86b41 rgb(184,107,65)
```
#41b86b
```
#41b86b rgb(65,184,107)
```

Triadic Color

#b8418e
```
#b8418e rgb(184,65,142)
```
#b86b41
```
#b86b41 rgb(184,107,65)
```
#41b86b
```
#41b86b rgb(65,184,107)
```
#418eb8
```
#418eb8 rgb(65,142,184)
```

Tetradic Color

#7f4a2d
```
#7f4a2d rgb(127,74,45)
```
#925534
```
#925534 rgb(146,85,52)
```
#a5603a
```
#a5603a rgb(165,96,58)
```
#b86b41
```
#b86b41 rgb(184,107,65)
```
#c27951
```
#c27951 rgb(194,121,81)
```
#c88764
```
#c88764 rgb(200,135,100)
```
#cf9677
```
#cf9677 rgb(207,150,119)
```

Monochromatic Color

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

#b84d41
```
#b84d41 rgb(184,77,65)
```
#b85741
```
#b85741 rgb(184,87,65)
```
#b86141
```
#b86141 rgb(184,97,65)
```
#b86b41
```
#b86b41 rgb(184,107,65)
```
#b87541
```
#b87541 rgb(184,117,65)
```
#b87f41
```
#b87f41 rgb(184,127,65)
```
#b88941
```
#b88941 rgb(184,137,65)
```

Similar Colors

Text with hexadecimal color #b86b41

This text has a font color of #b86b41.

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

#b86b41 background color

This paragraph has a background color of #b86b41.

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

#b86b41 border color

This element has a border color of #b86b41.

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

CSS codes

.text {color:#b86b41;}

.background {background-color:#b86b41;}

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

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)
```
#190e09
```
#190e09 rgb(25,14,9)
```
#27170e
```
#27170e rgb(39,23,14)
```
#361f13
```
#361f13 rgb(54,31,19)
```
#442818
```
#442818 rgb(68,40,24)
```
#53301d
```
#53301d rgb(83,48,29)
```
#613822
```
#613822 rgb(97,56,34)
```
#704127
```
#704127 rgb(112,65,39)
```
#7e492d
```
#7e492d rgb(126,73,45)
```
#8d5232
```
#8d5232 rgb(141,82,50)
```
#9b5a37
```
#9b5a37 rgb(155,90,55)
```
#aa633c
```
#aa633c rgb(170,99,60)
```
#b86b41
```
#b86b41 rgb(184,107,65)
```

Shade Color Variation

#c0754d
```
#c0754d rgb(192,117,77)
```
#c5815b
```
#c5815b rgb(197,129,91)
```
#ca8c6a
```
#ca8c6a rgb(202,140,106)
```
#cf9778
```
#cf9778 rgb(207,151,120)
```
#d4a287
```
#d4a287 rgb(212,162,135)
```
#daad95
```
#daad95 rgb(218,173,149)
```
#dfb8a4
```
#dfb8a4 rgb(223,184,164)
```
#e4c4b2
```
#e4c4b2 rgb(228,196,178)
```
#e9cfc1
```
#e9cfc1 rgb(233,207,193)
```
#eedacf
```
#eedacf rgb(238,218,207)
```
#f3e5de
```
#f3e5de rgb(243,229,222)
```
#f8f0ec
```
#f8f0ec rgb(248,240,236)
```
#fdfcfb
```
#fdfcfb rgb(253,252,251)
```

Tint Color Variation

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

#7f7c7a
```
#7f7c7a rgb(127,124,122)
```
#887971
```
#887971 rgb(136,121,113)
```
#927667
```
#927667 rgb(146,118,103)
```
#9b735e
```
#9b735e rgb(155,115,94)
```
#a57154
```
#a57154 rgb(165,113,84)
```
#ae6e4b
```
#ae6e4b rgb(174,110,75)
```
#b86b41
```
#b86b41 rgb(184,107,65)
```
#c26837
```
#c26837 rgb(194,104,55)
```
#cb652e
```
#cb652e rgb(203,101,46)
```
#d56324
```
#d56324 rgb(213,99,36)
```
#de601b
```
#de601b rgb(222,96,27)
```
#e85d11
```
#e85d11 rgb(232,93,17)
```
#f15a08
```
#f15a08 rgb(241,90,8)
```

Tone Color Variation

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

#7d7d7d Achromatopsia 0.005% of the population
#897971 Atypical Achromatopsia 0.001% of the population

Dichromacy

#918551 Protanopia 1% of men
#a27f47 Deuteranopia 1% of men
#be6d74 Tritanopia 0.001% of the population

Trichromacy

#9f7b4b Protanomaly 1% of men, 0.01% of women
#aa7844 Deuteranomaly 6% of men, 0.4% of women
#bc6c61 Tritanomaly 0.01% of the population

#b86b41 hex color

#b86b41 Color Information

#b86b41 Color Conversion

Color Schemes with #b86b41

Alternatives to #b86b41

#b86b41 Preview

Shades and Tints of #b86b41

Tones of #b86b41

Color Blindness Simulator