#b86f4e hex color

In a RGB color space, hex #b86f4e is composed of 72.2% red, 43.5% green and 30.6% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 39.7% magenta, 57.6% yellow and 27.8% black. It has a hue angle of 18.7 degrees, a saturation of 42.7% and a lightness of 51.4%. #b86f4e color hex could be obtained by blending #ffde9c with #710000. Closest websafe color is: #cc6666.

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

● #b86f4e color description : Moderate orange.

The hexadecimal color #b86f4e has RGB values of R:184, G:111, B:78 and CMYK values of C:0, M:0.4, Y:0.58, K:0.28. Its decimal value is 12087118.

Hex triplet	b86f4e	`#b86f4e`
RGB Decimal	184, 111, 78	`rgb(184,111,78)`
RGB Percent	72.2, 43.5, 30.6	`rgb(72.2%,43.5%,30.6%)`
CMYK	0, 40, 58, 28
HSL	18.7°, 42.7, 51.4	`hsl(18.7,42.7%,51.4%)`
HSV (or HSB)	18.7°, 57.6, 72.2
Web Safe	cc6666	`#cc6666`

CIE-LAB	54.145, 25.633, 30.517
XYZ	26.827, 22.111, 10.062
xyY	0.455, 0.375, 22.111
CIE-LCH	54.145, 39.854, 49.971
CIE-LUV	54.145, 55.075, 30.726
Hunter-Lab	47.023, 19.548, 20.228
Binary	10111000, 01101111, 01001110

#b86f4e
```
#b86f4e rgb(184,111,78)
```
#4e97b8
```
#4e97b8 rgb(78,151,184)
```

Complementary Color

#b84e62
```
#b84e62 rgb(184,78,98)
```
#b86f4e
```
#b86f4e rgb(184,111,78)
```
#b8a44e
```
#b8a44e rgb(184,164,78)
```

Analogous Color

#4e62b8
```
#4e62b8 rgb(78,98,184)
```
#b86f4e
```
#b86f4e rgb(184,111,78)
```
#4eb8a4
```
#4eb8a4 rgb(78,184,164)
```

Split Complementary Color

#6f4eb8
```
#6f4eb8 rgb(111,78,184)
```
#b86f4e
```
#b86f4e rgb(184,111,78)
```
#4eb86f
```
#4eb86f rgb(78,184,111)
```

Triadic Color

#b84e97
```
#b84e97 rgb(184,78,151)
```
#b86f4e
```
#b86f4e rgb(184,111,78)
```
#4eb86f
```
#4eb86f rgb(78,184,111)
```
#4e97b8
```
#4e97b8 rgb(78,151,184)
```

Tetradic Color

#844e35
```
#844e35 rgb(132,78,53)
```
#97583c
```
#97583c rgb(151,88,60)
```
#a96344
```
#a96344 rgb(169,99,68)
```
#b86f4e
```
#b86f4e rgb(184,111,78)
```
#bf7e60
```
#bf7e60 rgb(191,126,96)
```
#c78d72
```
#c78d72 rgb(199,141,114)
```
#ce9b85
```
#ce9b85 rgb(206,155,133)
```

Monochromatic Color

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

#b8544e
```
#b8544e rgb(184,84,78)
```
#b85d4e
```
#b85d4e rgb(184,93,78)
```
#b8664e
```
#b8664e rgb(184,102,78)
```
#b86f4e
```
#b86f4e rgb(184,111,78)
```
#b8784e
```
#b8784e rgb(184,120,78)
```
#b8814e
```
#b8814e rgb(184,129,78)
```
#b88a4e
```
#b88a4e rgb(184,138,78)
```

Similar Colors

Text with hexadecimal color #b86f4e

This text has a font color of #b86f4e.

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

#b86f4e background color

This paragraph has a background color of #b86f4e.

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

#b86f4e border color

This element has a border color of #b86f4e.

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

CSS codes

.text {color:#b86f4e;}

.background {background-color:#b86f4e;}

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

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

#050302
```
#050302 rgb(5,3,2)
```
#130b08
```
#130b08 rgb(19,11,8)
```
#21130d
```
#21130d rgb(33,19,13)
```
#2f1c13
```
#2f1c13 rgb(47,28,19)
```
#3d2418
```
#3d2418 rgb(61,36,24)
```
#4b2c1e
```
#4b2c1e rgb(75,44,30)
```
#593424
```
#593424 rgb(89,52,36)
```
#673d29
```
#673d29 rgb(103,61,41)
```
#75452f
```
#75452f rgb(117,69,47)
```
#834d35
```
#834d35 rgb(131,77,53)
```
#91553a
```
#91553a rgb(145,85,58)
```
#9f5d40
```
#9f5d40 rgb(159,93,64)
```
#ad6645
```
#ad6645 rgb(173,102,69)
```

Shade Color Variation

#b86f4e
```
#b86f4e rgb(184,111,78)
```
#be7a5c
```
#be7a5c rgb(190,122,92)
```
#c3866a
```
#c3866a rgb(195,134,106)
```
#c99178
```
#c99178 rgb(201,145,120)
```
#ce9d86
```
#ce9d86 rgb(206,157,134)
```
#d4a894
```
#d4a894 rgb(212,168,148)
```
#dab3a2
```
#dab3a2 rgb(218,179,162)
```
#dfbfb0
```
#dfbfb0 rgb(223,191,176)
```
#e5cabe
```
#e5cabe rgb(229,202,190)
```
#ebd6cc
```
#ebd6cc rgb(235,214,204)
```
#f0e1da
```
#f0e1da rgb(240,225,218)
```
#f6ece8
```
#f6ece8 rgb(246,236,232)
```
#fbf8f6
```
#fbf8f6 rgb(251,248,246)
```

Tint Color Variation

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

#88817e
```
#88817e rgb(136,129,126)
```
#927d74
```
#927d74 rgb(146,125,116)
```
#9b7a6b
```
#9b7a6b rgb(155,122,107)
```
#a57661
```
#a57661 rgb(165,118,97)
```
#ae7358
```
#ae7358 rgb(174,115,88)
```
#b86f4e
```
#b86f4e rgb(184,111,78)
```
#c26b44
```
#c26b44 rgb(194,107,68)
```
#cb683b
```
#cb683b rgb(203,104,59)
```
#d56431
```
#d56431 rgb(213,100,49)
```
#de6128
```
#de6128 rgb(222,97,40)
```
#e85d1e
```
#e85d1e rgb(232,93,30)
```
#f15915
```
#f15915 rgb(241,89,21)
```
#fb560b
```
#fb560b rgb(251,86,11)
```

Tone Color Variation

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

#818181 Achromatopsia 0.005% of the population
#8c7d77 Atypical Achromatopsia 0.001% of the population

Dichromacy

#92875d Protanopia 1% of men
#a38253 Deuteranopia 1% of men
#be7179 Tritanopia 0.001% of the population

Trichromacy

#a07e57 Protanomaly 1% of men, 0.01% of women
#ab7b51 Deuteranomaly 6% of men, 0.4% of women
#bc7069 Tritanomaly 0.01% of the population

#b86f4e hex color

#b86f4e Color Information

#b86f4e Color Conversion

Color Schemes with #b86f4e

Alternatives to #b86f4e

#b86f4e Preview

Shades and Tints of #b86f4e

Tones of #b86f4e

Color Blindness Simulator