#b86a2d hex color

In a RGB color space, hex #b86a2d is composed of 72.2% red, 41.6% green and 17.6% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 42.4% magenta, 75.5% yellow and 27.8% black. It has a hue angle of 26.3 degrees, a saturation of 60.7% and a lightness of 44.9%. #b86a2d color hex could be obtained by blending #ffd45a with #710000. Closest websafe color is: #cc6633.

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

● #b86a2d color description : Strong orange.

The hexadecimal color #b86a2d has RGB values of R:184, G:106, B:45 and CMYK values of C:0, M:0.42, Y:0.76, K:0.28. Its decimal value is 12085805.

Hex triplet	b86a2d	`#b86a2d`
RGB Decimal	184, 106, 45	`rgb(184,106,45)`
RGB Percent	72.2, 41.6, 17.6	`rgb(72.2%,41.6%,17.6%)`
CMYK	0, 42, 76, 28
HSL	26.3°, 60.7, 44.9	`hsl(26.3,60.7%,44.9%)`
HSV (or HSB)	26.3°, 75.5, 72.2
Web Safe	cc6633	`#cc6633`

CIE-LAB	52.608, 26.314, 46.015
XYZ	25.396, 20.69, 5.139
xyY	0.496, 0.404, 20.69
CIE-LCH	52.608, 53.007, 60.236
CIE-LUV	52.608, 62.534, 42.356
Hunter-Lab	45.486, 20.058, 25.142
Binary	10111000, 01101010, 00101101

#b86a2d
```
#b86a2d rgb(184,106,45)
```
#2d7bb8
```
#2d7bb8 rgb(45,123,184)
```

Complementary Color

#b82d35
```
#b82d35 rgb(184,45,53)
```
#b86a2d
```
#b86a2d rgb(184,106,45)
```
#b8b02d
```
#b8b02d rgb(184,176,45)
```

Analogous Color

#2d35b8
```
#2d35b8 rgb(45,53,184)
```
#b86a2d
```
#b86a2d rgb(184,106,45)
```
#2db8b0
```
#2db8b0 rgb(45,184,176)
```

Split Complementary Color

#6a2db8
```
#6a2db8 rgb(106,45,184)
```
#b86a2d
```
#b86a2d rgb(184,106,45)
```
#2db86a
```
#2db86a rgb(45,184,106)
```

Triadic Color

#b82d7b
```
#b82d7b rgb(184,45,123)
```
#b86a2d
```
#b86a2d rgb(184,106,45)
```
#2db86a
```
#2db86a rgb(45,184,106)
```
#2d7bb8
```
#2d7bb8 rgb(45,123,184)
```

Tetradic Color

#7b471e
```
#7b471e rgb(123,71,30)
```
#8f5223
```
#8f5223 rgb(143,82,35)
```
#a45e28
```
#a45e28 rgb(164,94,40)
```
#b86a2d
```
#b86a2d rgb(184,106,45)
```
#cc7632
```
#cc7632 rgb(204,118,50)
```
#d28346
```
#d28346 rgb(210,131,70)
```
#d7915b
```
#d7915b rgb(215,145,91)
```

Monochromatic Color

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

#b8472d
```
#b8472d rgb(184,71,45)
```
#b8532d
```
#b8532d rgb(184,83,45)
```
#b85e2d
```
#b85e2d rgb(184,94,45)
```
#b86a2d
```
#b86a2d rgb(184,106,45)
```
#b8762d
```
#b8762d rgb(184,118,45)
```
#b8812d
```
#b8812d rgb(184,129,45)
```
#b88d2d
```
#b88d2d rgb(184,141,45)
```

Similar Colors

Text with hexadecimal color #b86a2d

This text has a font color of #b86a2d.

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

#b86a2d background color

This paragraph has a background color of #b86a2d.

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

#b86a2d border color

This element has a border color of #b86a2d.

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

CSS codes

.text {color:#b86a2d;}

.background {background-color:#b86a2d;}

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

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

#0b0603
```
#0b0603 rgb(11,6,3)
```
#1a0f06
```
#1a0f06 rgb(26,15,6)
```
#2a180a
```
#2a180a rgb(42,24,10)
```
#3a210e
```
#3a210e rgb(58,33,14)
```
#4a2a12
```
#4a2a12 rgb(74,42,18)
```
#593416
```
#593416 rgb(89,52,22)
```
#693d1a
```
#693d1a rgb(105,61,26)
```
#79461e
```
#79461e rgb(121,70,30)
```
#894f21
```
#894f21 rgb(137,79,33)
```
#985825
```
#985825 rgb(152,88,37)
```
#a86129
```
#a86129 rgb(168,97,41)
```
#b86a2d
```
#b86a2d rgb(184,106,45)
```
#c87331
```
#c87331 rgb(200,115,49)
```

Shade Color Variation

#cf7d3d
```
#cf7d3d rgb(207,125,61)
```
#d3884d
```
#d3884d rgb(211,136,77)
```
#d7925c
```
#d7925c rgb(215,146,92)
```
#db9d6c
```
#db9d6c rgb(219,157,108)
```
#dfa77c
```
#dfa77c rgb(223,167,124)
```
#e3b28c
```
#e3b28c rgb(227,178,140)
```
#e7bc9b
```
#e7bc9b rgb(231,188,155)
```
#eac7ab
```
#eac7ab rgb(234,199,171)
```
#eed1bb
```
#eed1bb rgb(238,209,187)
```
#f2dccb
```
#f2dccb rgb(242,220,203)
```
#f6e6da
```
#f6e6da rgb(246,230,218)
```
#faf1ea
```
#faf1ea rgb(250,241,234)
```
#fefcfa
```
#fefcfa rgb(254,252,250)
```

Tint Color Variation

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

#7a726b
```
#7a726b rgb(122,114,107)
```
#837062
```
#837062 rgb(131,112,98)
```
#8c6f59
```
#8c6f59 rgb(140,111,89)
```
#956e50
```
#956e50 rgb(149,110,80)
```
#9e6d47
```
#9e6d47 rgb(158,109,71)
```
#a66c3f
```
#a66c3f rgb(166,108,63)
```
#af6b36
```
#af6b36 rgb(175,107,54)
```
#b86a2d
```
#b86a2d rgb(184,106,45)
```
#c16924
```
#c16924 rgb(193,105,36)
```
#ca681b
```
#ca681b rgb(202,104,27)
```
#d26713
```
#d26713 rgb(210,103,19)
```
#db660a
```
#db660a rgb(219,102,10)
```
#e46501
```
#e46501 rgb(228,101,1)
```

Tone Color Variation

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

#7a7a7a Achromatopsia 0.005% of the population
#86776b Atypical Achromatopsia 0.001% of the population

Dichromacy

#92843d Protanopia 1% of men
#a37e33 Deuteranopia 1% of men
#bf6b72 Tritanopia 0.001% of the population

Trichromacy

#a07a37 Protanomaly 1% of men, 0.01% of women
#ab7631 Deuteranomaly 6% of men, 0.4% of women
#bc6a59 Tritanomaly 0.01% of the population

#b86a2d hex color

#b86a2d Color Information

#b86a2d Color Conversion

Color Schemes with #b86a2d

Alternatives to #b86a2d

#b86a2d Preview

Shades and Tints of #b86a2d

Tones of #b86a2d

Color Blindness Simulator