#b86316 hex color

In a RGB color space, hex #b86316 is composed of 72.2% red, 38.8% green and 8.6% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 46.2% magenta, 88% yellow and 27.8% black. It has a hue angle of 28.5 degrees, a saturation of 78.6% and a lightness of 40.4%. #b86316 color hex could be obtained by blending #ffc62c with #710000. Closest websafe color is: #cc6600.

♥
- f
- t
- g
- R 72
- G 39
- B 9
RGB color chart
- C 0
- M 46
- Y 88
- K 28
CMYK color chart

● #b86316 color description : Strong orange.

The hexadecimal color #b86316 has RGB values of R:184, G:99, B:22 and CMYK values of C:0, M:0.46, Y:0.88, K:0.28. Its decimal value is 12083990.

Hex triplet	b86316	`#b86316`
RGB Decimal	184, 99, 22	`rgb(184,99,22)`
RGB Percent	72.2, 38.8, 8.6	`rgb(72.2%,38.8%,8.6%)`
CMYK	0, 46, 88, 28
HSL	28.5°, 78.6, 40.4	`hsl(28.5,78.6%,40.4%)`
HSV (or HSB)	28.5°, 88, 72.2
Web Safe	cc6600	`#cc6600`

CIE-LAB	50.89, 29.345, 53.76
XYZ	24.375, 19.174, 3.176
xyY	0.522, 0.41, 19.174
CIE-LCH	50.89, 61.248, 61.372
CIE-LUV	50.89, 69.735, 45.247
Hunter-Lab	43.788, 22.732, 26.351
Binary	10111000, 01100011, 00010110

#b86316
```
#b86316 rgb(184,99,22)
```
#166bb8
```
#166bb8 rgb(22,107,184)
```

Complementary Color

#b8161a
```
#b8161a rgb(184,22,26)
```
#b86316
```
#b86316 rgb(184,99,22)
```
#b8b416
```
#b8b416 rgb(184,180,22)
```

Analogous Color

#161ab8
```
#161ab8 rgb(22,26,184)
```
#b86316
```
#b86316 rgb(184,99,22)
```
#16b8b4
```
#16b8b4 rgb(22,184,180)
```

Split Complementary Color

#6316b8
```
#6316b8 rgb(99,22,184)
```
#b86316
```
#b86316 rgb(184,99,22)
```
#16b863
```
#16b863 rgb(22,184,99)
```

Triadic Color

#b8166b
```
#b8166b rgb(184,22,107)
```
#b86316
```
#b86316 rgb(184,99,22)
```
#16b863
```
#16b863 rgb(22,184,99)
```
#166bb8
```
#166bb8 rgb(22,107,184)
```

Tetradic Color

#743e0e
```
#743e0e rgb(116,62,14)
```
#8a4a11
```
#8a4a11 rgb(138,74,17)
```
#a15713
```
#a15713 rgb(161,87,19)
```
#b86316
```
#b86316 rgb(184,99,22)
```
#cf6f19
```
#cf6f19 rgb(207,111,25)
```
#e47c1d
```
#e47c1d rgb(228,124,29)
```
#e78934
```
#e78934 rgb(231,137,52)
```

Monochromatic Color

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

#b83b16
```
#b83b16 rgb(184,59,22)
```
#b84816
```
#b84816 rgb(184,72,22)
```
#b85616
```
#b85616 rgb(184,86,22)
```
#b86316
```
#b86316 rgb(184,99,22)
```
#b87116
```
#b87116 rgb(184,113,22)
```
#b87e16
```
#b87e16 rgb(184,126,22)
```
#b88c16
```
#b88c16 rgb(184,140,22)
```

Similar Colors

Text with hexadecimal color #b86316

This text has a font color of #b86316.

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

#b86316 background color

This paragraph has a background color of #b86316.

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

#b86316 border color

This element has a border color of #b86316.

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

CSS codes

.text {color:#b86316;}

.background {background-color:#b86316;}

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

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

#090501
```
#090501 rgb(9,5,1)
```
#1a0e03
```
#1a0e03 rgb(26,14,3)
```
#2c1805
```
#2c1805 rgb(44,24,5)
```
#3d2107
```
#3d2107 rgb(61,33,7)
```
#4f2a09
```
#4f2a09 rgb(79,42,9)
```
#60340c
```
#60340c rgb(96,52,12)
```
#723d0e
```
#723d0e rgb(114,61,14)
```
#834710
```
#834710 rgb(131,71,16)
```
#955012
```
#955012 rgb(149,80,18)
```
#a65a14
```
#a65a14 rgb(166,90,20)
```
#b86316
```
#b86316 rgb(184,99,22)
```
#ca6c18
```
#ca6c18 rgb(202,108,24)
```
#db761a
```
#db761a rgb(219,118,26)
```

Shade Color Variation

#e58024
```
#e58024 rgb(229,128,36)
```
#e78a36
```
#e78a36 rgb(231,138,54)
```
#e99447
```
#e99447 rgb(233,148,71)
```
#eb9e59
```
#eb9e59 rgb(235,158,89)
```
#eda86a
```
#eda86a rgb(237,168,106)
```
#efb37c
```
#efb37c rgb(239,179,124)
```
#f1bd8d
```
#f1bd8d rgb(241,189,141)
```
#f3c79f
```
#f3c79f rgb(243,199,159)
```
#f6d1b0
```
#f6d1b0 rgb(246,209,176)
```
#f8dbc2
```
#f8dbc2 rgb(248,219,194)
```
#fae6d3
```
#fae6d3 rgb(250,230,211)
```
#fcf0e5
```
#fcf0e5 rgb(252,240,229)
```
#fefaf6
```
#fefaf6 rgb(254,250,246)
```

Tint Color Variation

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

#696765
```
#696765 rgb(105,103,101)
```
#71675d
```
#71675d rgb(113,103,93)
```
#796655
```
#796655 rgb(121,102,85)
```
#81664d
```
#81664d rgb(129,102,77)
```
#886546
```
#886546 rgb(136,101,70)
```
#90653e
```
#90653e rgb(144,101,62)
```
#986536
```
#986536 rgb(152,101,54)
```
#a0642e
```
#a0642e rgb(160,100,46)
```
#a86426
```
#a86426 rgb(168,100,38)
```
#b0631e
```
#b0631e rgb(176,99,30)
```
#b86316
```
#b86316 rgb(184,99,22)
```
#c0630e
```
#c0630e rgb(192,99,14)
```
#c86206
```
#c86206 rgb(200,98,6)
```

Tone Color Variation

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

#747474 Achromatopsia 0.005% of the population
#827161 Atypical Achromatopsia 0.001% of the population

Dichromacy

#8f8027 Protanopia 1% of men
#a07a18 Deuteranopia 1% of men
#be646a Tritanopia 0.001% of the population

Trichromacy

#9d7521 Protanomaly 1% of men, 0.01% of women
#a87117 Deuteranomaly 6% of men, 0.4% of women
#bc634c Tritanomaly 0.01% of the population

#b86316 hex color

#b86316 Color Information

#b86316 Color Conversion

Color Schemes with #b86316

Alternatives to #b86316

#b86316 Preview

Shades and Tints of #b86316

Tones of #b86316

Color Blindness Simulator