#b86f3c hex color

In a RGB color space, hex #b86f3c is composed of 72.2% red, 43.5% green and 23.5% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 39.7% magenta, 67.4% yellow and 27.8% black. It has a hue angle of 24.7 degrees, a saturation of 50.8% and a lightness of 47.8%. #b86f3c color hex could be obtained by blending #ffde78 with #710000. Closest websafe color is: #cc6633.

♥
- f
- t
- g
- R 72
- G 44
- B 24
RGB color chart
- C 0
- M 40
- Y 67
- K 28
CMYK color chart

● #b86f3c color description : Moderate orange.

The hexadecimal color #b86f3c has RGB values of R:184, G:111, B:60 and CMYK values of C:0, M:0.4, Y:0.67, K:0.28. Its decimal value is 12087100.

Hex triplet	b86f3c	`#b86f3c`
RGB Decimal	184, 111, 60	`rgb(184,111,60)`
RGB Percent	72.2, 43.5, 23.5	`rgb(72.2%,43.5%,23.5%)`
CMYK	0, 40, 67, 28
HSL	24.7°, 50.8, 47.8	`hsl(24.7,50.8%,47.8%)`
HSV (or HSB)	24.7°, 67.4, 72.2
Web Safe	cc6633	`#cc6633`

CIE-LAB	53.907, 24.361, 39.969
XYZ	26.268, 21.887, 7.116
xyY	0.475, 0.396, 21.887
CIE-LCH	53.907, 46.808, 58.638
CIE-LUV	53.907, 57.227, 39.011
Hunter-Lab	46.784, 18.351, 23.731
Binary	10111000, 01101111, 00111100

#b86f3c
```
#b86f3c rgb(184,111,60)
```
#3c85b8
```
#3c85b8 rgb(60,133,184)
```

Complementary Color

#b83c47
```
#b83c47 rgb(184,60,71)
```
#b86f3c
```
#b86f3c rgb(184,111,60)
```
#b8ad3c
```
#b8ad3c rgb(184,173,60)
```

Analogous Color

#3c47b8
```
#3c47b8 rgb(60,71,184)
```
#b86f3c
```
#b86f3c rgb(184,111,60)
```
#3cb8ad
```
#3cb8ad rgb(60,184,173)
```

Split Complementary Color

#6f3cb8
```
#6f3cb8 rgb(111,60,184)
```
#b86f3c
```
#b86f3c rgb(184,111,60)
```
#3cb86f
```
#3cb86f rgb(60,184,111)
```

Triadic Color

#b83c85
```
#b83c85 rgb(184,60,133)
```
#b86f3c
```
#b86f3c rgb(184,111,60)
```
#3cb86f
```
#3cb86f rgb(60,184,111)
```
#3c85b8
```
#3c85b8 rgb(60,133,184)
```

Tetradic Color

#7e4c29
```
#7e4c29 rgb(126,76,41)
```
#92582f
```
#92582f rgb(146,88,47)
```
#a56336
```
#a56336 rgb(165,99,54)
```
#b86f3c
```
#b86f3c rgb(184,111,60)
```
#c47c4a
```
#c47c4a rgb(196,124,74)
```
#ca8a5d
```
#ca8a5d rgb(202,138,93)
```
#d09870
```
#d09870 rgb(208,152,112)
```

Monochromatic Color

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

#b8503c
```
#b8503c rgb(184,80,60)
```
#b85a3c
```
#b85a3c rgb(184,90,60)
```
#b8653c
```
#b8653c rgb(184,101,60)
```
#b86f3c
```
#b86f3c rgb(184,111,60)
```
#b8793c
```
#b8793c rgb(184,121,60)
```
#b8843c
```
#b8843c rgb(184,132,60)
```
#b88e3c
```
#b88e3c rgb(184,142,60)
```

Similar Colors

Text with hexadecimal color #b86f3c

This text has a font color of #b86f3c.

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

#b86f3c background color

This paragraph has a background color of #b86f3c.

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

#b86f3c border color

This element has a border color of #b86f3c.

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

CSS codes

.text {color:#b86f3c;}

.background {background-color:#b86f3c;}

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

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

#060402
```
#060402 rgb(6,4,2)
```
#150d07
```
#150d07 rgb(21,13,7)
```
#24160c
```
#24160c rgb(36,22,12)
```
#331f11
```
#331f11 rgb(51,31,17)
```
#422815
```
#422815 rgb(66,40,21)
```
#50311a
```
#50311a rgb(80,49,26)
```
#5f391f
```
#5f391f rgb(95,57,31)
```
#6e4224
```
#6e4224 rgb(110,66,36)
```
#7d4b29
```
#7d4b29 rgb(125,75,41)
```
#8c542e
```
#8c542e rgb(140,84,46)
```
#9a5d32
```
#9a5d32 rgb(154,93,50)
```
#a96637
```
#a96637 rgb(169,102,55)
```
#b86f3c
```
#b86f3c rgb(184,111,60)
```

Shade Color Variation

#c27945
```
#c27945 rgb(194,121,69)
```
#c78354
```
#c78354 rgb(199,131,84)
```
#cc8e63
```
#cc8e63 rgb(204,142,99)
```
#d19972
```
#d19972 rgb(209,153,114)
```
#d6a380
```
#d6a380 rgb(214,163,128)
```
#dbae8f
```
#dbae8f rgb(219,174,143)
```
#dfb99e
```
#dfb99e rgb(223,185,158)
```
#e4c4ad
```
#e4c4ad rgb(228,196,173)
```
#e9cebc
```
#e9cebc rgb(233,206,188)
```
#eed9ca
```
#eed9ca rgb(238,217,202)
```
#f3e4d9
```
#f3e4d9 rgb(243,228,217)
```
#f7eee8
```
#f7eee8 rgb(247,238,232)
```
#fcf9f7
```
#fcf9f7 rgb(252,249,247)
```

Tint Color Variation

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

#807974
```
#807974 rgb(128,121,116)
```
#89776b
```
#89776b rgb(137,119,107)
```
#927662
```
#927662 rgb(146,118,98)
```
#9c7458
```
#9c7458 rgb(156,116,88)
```
#a5724f
```
#a5724f rgb(165,114,79)
```
#af7145
```
#af7145 rgb(175,113,69)
```
#b86f3c
```
#b86f3c rgb(184,111,60)
```
#c16d33
```
#c16d33 rgb(193,109,51)
```
#cb6c29
```
#cb6c29 rgb(203,108,41)
```
#d46a20
```
#d46a20 rgb(212,106,32)
```
#de6816
```
#de6816 rgb(222,104,22)
```
#e7670d
```
#e7670d rgb(231,103,13)
```
#f06504
```
#f06504 rgb(240,101,4)
```

Tone Color Variation

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

#7f7f7f Achromatopsia 0.005% of the population
#8a7c72 Atypical Achromatopsia 0.001% of the population

Dichromacy

#94874b Protanopia 1% of men
#a58142 Deuteranopia 1% of men
#bf7078 Tritanopia 0.001% of the population

Trichromacy

#a17e45 Protanomaly 1% of men, 0.01% of women
#ac7a40 Deuteranomaly 6% of men, 0.4% of women
#bc7062 Tritanomaly 0.01% of the population

#b86f3c hex color

#b86f3c Color Information

#b86f3c Color Conversion

Color Schemes with #b86f3c

Alternatives to #b86f3c

#b86f3c Preview

Shades and Tints of #b86f3c

Tones of #b86f3c

Color Blindness Simulator