#b86a2f hex color

In a RGB color space, hex #b86a2f is composed of 72.2% red, 41.6% green and 18.4% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 42.4% magenta, 74.5% yellow and 27.8% black. It has a hue angle of 25.8 degrees, a saturation of 59.3% and a lightness of 45.3%. #b86a2f color hex could be obtained by blending #ffd45e with #710000. Closest websafe color is: #cc6633.

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

● #b86a2f color description : Moderate orange.

The hexadecimal color #b86a2f has RGB values of R:184, G:106, B:47 and CMYK values of C:0, M:0.42, Y:0.74, K:0.28. Its decimal value is 12085807.

Hex triplet	b86a2f	`#b86a2f`
RGB Decimal	184, 106, 47	`rgb(184,106,47)`
RGB Percent	72.2, 41.6, 18.4	`rgb(72.2%,41.6%,18.4%)`
CMYK	0, 42, 74, 28
HSL	25.8°, 59.3, 45.3	`hsl(25.8,59.3%,45.3%)`
HSV (or HSB)	25.8°, 74.5, 72.2
Web Safe	cc6633	`#cc6633`

CIE-LAB	52.626, 26.406, 45.084
XYZ	25.435, 20.706, 5.346
xyY	0.494, 0.402, 20.706
CIE-LCH	52.626, 52.248, 59.643
CIE-LUV	52.626, 62.356, 41.72
Hunter-Lab	45.504, 20.145, 24.886
Binary	10111000, 01101010, 00101111

#b86a2f
```
#b86a2f rgb(184,106,47)
```
#2f7db8
```
#2f7db8 rgb(47,125,184)
```

Complementary Color

#b82f38
```
#b82f38 rgb(184,47,56)
```
#b86a2f
```
#b86a2f rgb(184,106,47)
```
#b8af2f
```
#b8af2f rgb(184,175,47)
```

Analogous Color

#2f38b8
```
#2f38b8 rgb(47,56,184)
```
#b86a2f
```
#b86a2f rgb(184,106,47)
```
#2fb8af
```
#2fb8af rgb(47,184,175)
```

Split Complementary Color

#6a2fb8
```
#6a2fb8 rgb(106,47,184)
```
#b86a2f
```
#b86a2f rgb(184,106,47)
```
#2fb86a
```
#2fb86a rgb(47,184,106)
```

Triadic Color

#b82f7d
```
#b82f7d rgb(184,47,125)
```
#b86a2f
```
#b86a2f rgb(184,106,47)
```
#2fb86a
```
#2fb86a rgb(47,184,106)
```
#2f7db8
```
#2f7db8 rgb(47,125,184)
```

Tetradic Color

#7b471f
```
#7b471f rgb(123,71,31)
```
#8f5325
```
#8f5325 rgb(143,83,37)
```
#a45e2a
```
#a45e2a rgb(164,94,42)
```
#b86a2f
```
#b86a2f rgb(184,106,47)
```
#cb7635
```
#cb7635 rgb(203,118,53)
```
#d18449
```
#d18449 rgb(209,132,73)
```
#d6915e
```
#d6915e rgb(214,145,94)
```

Monochromatic Color

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

#b8482f
```
#b8482f rgb(184,72,47)
```
#b8532f
```
#b8532f rgb(184,83,47)
```
#b85f2f
```
#b85f2f rgb(184,95,47)
```
#b86a2f
```
#b86a2f rgb(184,106,47)
```
#b8752f
```
#b8752f rgb(184,117,47)
```
#b8812f
```
#b8812f rgb(184,129,47)
```
#b88c2f
```
#b88c2f rgb(184,140,47)
```

Similar Colors

Text with hexadecimal color #b86a2f

This text has a font color of #b86a2f.

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

#b86a2f background color

This paragraph has a background color of #b86a2f.

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

#b86a2f border color

This element has a border color of #b86a2f.

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

CSS codes

.text {color:#b86a2f;}

.background {background-color:#b86a2f;}

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

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

#0c0703
```
#0c0703 rgb(12,7,3)
```
#1c1007
```
#1c1007 rgb(28,16,7)
```
#2b190b
```
#2b190b rgb(43,25,11)
```
#3b220f
```
#3b220f rgb(59,34,15)
```
#4b2b13
```
#4b2b13 rgb(75,43,19)
```
#5a3417
```
#5a3417 rgb(90,52,23)
```
#6a3d1b
```
#6a3d1b rgb(106,61,27)
```
#7a461f
```
#7a461f rgb(122,70,31)
```
#894f23
```
#894f23 rgb(137,79,35)
```
#995827
```
#995827 rgb(153,88,39)
```
#a8612b
```
#a8612b rgb(168,97,43)
```
#b86a2f
```
#b86a2f rgb(184,106,47)
```
#c87333
```
#c87333 rgb(200,115,51)
```

Shade Color Variation

#ce7d40
```
#ce7d40 rgb(206,125,64)
```
#d28850
```
#d28850 rgb(210,136,80)
```
#d6925f
```
#d6925f rgb(214,146,95)
```
#da9d6f
```
#da9d6f rgb(218,157,111)
```
#dea87f
```
#dea87f rgb(222,168,127)
```
#e2b28e
```
#e2b28e rgb(226,178,142)
```
#e6bd9e
```
#e6bd9e rgb(230,189,158)
```
#eac8ad
```
#eac8ad rgb(234,200,173)
```
#eed2bd
```
#eed2bd rgb(238,210,189)
```
#f2ddcd
```
#f2ddcd rgb(242,221,205)
```
#f6e7dc
```
#f6e7dc rgb(246,231,220)
```
#faf2ec
```
#faf2ec rgb(250,242,236)
```
#fefdfc
```
#fefdfc rgb(254,253,252)
```

Tint Color Variation

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

#7a736d
```
#7a736d rgb(122,115,109)
```
#837164
```
#837164 rgb(131,113,100)
```
#8c705b
```
#8c705b rgb(140,112,91)
```
#946f53
```
#946f53 rgb(148,111,83)
```
#9d6e4a
```
#9d6e4a rgb(157,110,74)
```
#a66c41
```
#a66c41 rgb(166,108,65)
```
#af6b38
```
#af6b38 rgb(175,107,56)
```
#b86a2f
```
#b86a2f rgb(184,106,47)
```
#c16926
```
#c16926 rgb(193,105,38)
```
#ca681d
```
#ca681d rgb(202,104,29)
```
#d36614
```
#d36614 rgb(211,102,20)
```
#dc650b
```
#dc650b rgb(220,101,11)
```
#e46403
```
#e46403 rgb(228,100,3)
```

Tone Color Variation

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

#7b7b7b Achromatopsia 0.005% of the population
#87786c Atypical Achromatopsia 0.001% of the population

Dichromacy

#92843f Protanopia 1% of men
#a37e35 Deuteranopia 1% of men
#bf6b72 Tritanopia 0.001% of the population

Trichromacy

#9f7a39 Protanomaly 1% of men, 0.01% of women
#aa7633 Deuteranomaly 6% of men, 0.4% of women
#bc6b5a Tritanomaly 0.01% of the population

#b86a2f hex color

#b86a2f Color Information

#b86a2f Color Conversion

Color Schemes with #b86a2f

Alternatives to #b86a2f

#b86a2f Preview

Shades and Tints of #b86a2f

Tones of #b86a2f

Color Blindness Simulator