#b86a15 hex color

In a RGB color space, hex #b86a15 is composed of 72.2% red, 41.6% green and 8.2% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 42.4% magenta, 88.6% yellow and 27.8% black. It has a hue angle of 31.3 degrees, a saturation of 79.5% and a lightness of 40.2%. #b86a15 color hex could be obtained by blending #ffd42a with #710000. Closest websafe color is: #cc6600.

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

● #b86a15 color description : Strong orange.

The hexadecimal color #b86a15 has RGB values of R:184, G:106, B:21 and CMYK values of C:0, M:0.42, Y:0.89, K:0.28. Its decimal value is 12085781.

Hex triplet	b86a15	`#b86a15`
RGB Decimal	184, 106, 21	`rgb(184,106,21)`
RGB Percent	72.2, 41.6, 8.2	`rgb(72.2%,41.6%,8.2%)`
CMYK	0, 42, 89, 28
HSL	31.3°, 79.5, 40.2	`hsl(31.3,79.5%,40.2%)`
HSV (or HSB)	31.3°, 88.6, 72.2
Web Safe	cc6600	`#cc6600`

CIE-LAB	52.459, 25.524, 55.317
XYZ	25.057, 20.555, 3.357
xyY	0.512, 0.42, 20.555
CIE-LCH	52.459, 60.921, 65.231
CIE-LUV	52.459, 64.099, 47.937
Hunter-Lab	45.337, 19.315, 27.346
Binary	10111000, 01101010, 00010101

#b86a15
```
#b86a15 rgb(184,106,21)
```
#1563b8
```
#1563b8 rgb(21,99,184)
```

Complementary Color

#b81915
```
#b81915 rgb(184,25,21)
```
#b86a15
```
#b86a15 rgb(184,106,21)
```
#b5b815
```
#b5b815 rgb(181,184,21)
```

Analogous Color

#1915b8
```
#1915b8 rgb(25,21,184)
```
#b86a15
```
#b86a15 rgb(184,106,21)
```
#15b5b8
```
#15b5b8 rgb(21,181,184)
```

Split Complementary Color

#6a15b8
```
#6a15b8 rgb(106,21,184)
```
#b86a15
```
#b86a15 rgb(184,106,21)
```
#15b86a
```
#15b86a rgb(21,184,106)
```

Triadic Color

#b81563
```
#b81563 rgb(184,21,99)
```
#b86a15
```
#b86a15 rgb(184,106,21)
```
#15b86a
```
#15b86a rgb(21,184,106)
```
#1563b8
```
#1563b8 rgb(21,99,184)
```

Tetradic Color

#73420d
```
#73420d rgb(115,66,13)
```
#8a5010
```
#8a5010 rgb(138,80,16)
```
#a15d12
```
#a15d12 rgb(161,93,18)
```
#b86a15
```
#b86a15 rgb(184,106,21)
```
#cf7718
```
#cf7718 rgb(207,119,24)
```
#e5841b
```
#e5841b rgb(229,132,27)
```
#e89132
```
#e89132 rgb(232,145,50)
```

Monochromatic Color

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

#b84115
```
#b84115 rgb(184,65,21)
```
#b84f15
```
#b84f15 rgb(184,79,21)
```
#b85c15
```
#b85c15 rgb(184,92,21)
```
#b86a15
```
#b86a15 rgb(184,106,21)
```
#b87815
```
#b87815 rgb(184,120,21)
```
#b88515
```
#b88515 rgb(184,133,21)
```
#b89315
```
#b89315 rgb(184,147,21)
```

Similar Colors

Text with hexadecimal color #b86a15

This text has a font color of #b86a15.

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

#b86a15 background color

This paragraph has a background color of #b86a15.

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

#b86a15 border color

This element has a border color of #b86a15.

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

CSS codes

.text {color:#b86a15;}

.background {background-color:#b86a15;}

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

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

#080501
```
#080501 rgb(8,5,1)
```
#1a0f03
```
#1a0f03 rgb(26,15,3)
```
#2b1905
```
#2b1905 rgb(43,25,5)
```
#3d2307
```
#3d2307 rgb(61,35,7)
```
#4e2d09
```
#4e2d09 rgb(78,45,9)
```
#60370b
```
#60370b rgb(96,55,11)
```
#72410d
```
#72410d rgb(114,65,13)
```
#834c0f
```
#834c0f rgb(131,76,15)
```
#955611
```
#955611 rgb(149,86,17)
```
#a66013
```
#a66013 rgb(166,96,19)
```
#b86a15
```
#b86a15 rgb(184,106,21)
```
#ca7417
```
#ca7417 rgb(202,116,23)
```
#db7e19
```
#db7e19 rgb(219,126,25)
```

Shade Color Variation

#e68822
```
#e68822 rgb(230,136,34)
```
#e89234
```
#e89234 rgb(232,146,52)
```
#ea9b45
```
#ea9b45 rgb(234,155,69)
```
#eca557
```
#eca557 rgb(236,165,87)
```
#eeae68
```
#eeae68 rgb(238,174,104)
```
#f0b77a
```
#f0b77a rgb(240,183,122)
```
#f2c18c
```
#f2c18c rgb(242,193,140)
```
#f4ca9d
```
#f4ca9d rgb(244,202,157)
```
#f6d4af
```
#f6d4af rgb(246,212,175)
```
#f8ddc1
```
#f8ddc1 rgb(248,221,193)
```
#fae7d2
```
#fae7d2 rgb(250,231,210)
```
#fcf0e4
```
#fcf0e4 rgb(252,240,228)
```
#fefaf5
```
#fefaf5 rgb(254,250,245)
```

Tint Color Variation

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

#696764
```
#696764 rgb(105,103,100)
```
#71675c
```
#71675c rgb(113,103,92)
```
#796754
```
#796754 rgb(121,103,84)
```
#81684c
```
#81684c rgb(129,104,76)
```
#896844
```
#896844 rgb(137,104,68)
```
#91683c
```
#91683c rgb(145,104,60)
```
#986935
```
#986935 rgb(152,105,53)
```
#a0692d
```
#a0692d rgb(160,105,45)
```
#a86925
```
#a86925 rgb(168,105,37)
```
#b06a1d
```
#b06a1d rgb(176,106,29)
```
#b86a15
```
#b86a15 rgb(184,106,21)
```
#c06a0d
```
#c06a0d rgb(192,106,13)
```
#c86b05
```
#c86b05 rgb(200,107,5)
```

Tone Color Variation

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

#787878 Achromatopsia 0.005% of the population
#857564 Atypical Achromatopsia 0.001% of the population

Dichromacy

#938425 Protanopia 1% of men
#a47d19 Deuteranopia 1% of men
#bf6a71 Tritanopia 0.001% of the population

Trichromacy

#a07a1f Protanomaly 1% of men, 0.01% of women
#ab7617 Deuteranomaly 6% of men, 0.4% of women
#bc6a4f Tritanomaly 0.01% of the population

#b86a15 hex color

#b86a15 Color Information

#b86a15 Color Conversion

Color Schemes with #b86a15

Alternatives to #b86a15

#b86a15 Preview

Shades and Tints of #b86a15

Tones of #b86a15

Color Blindness Simulator