#b86f4a hex color

In a RGB color space, hex #b86f4a is composed of 72.2% red, 43.5% green and 29% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 39.7% magenta, 59.8% yellow and 27.8% black. It has a hue angle of 20.2 degrees, a saturation of 43.7% and a lightness of 50.6%. #b86f4a color hex could be obtained by blending #ffde94 with #710000. Closest websafe color is: #cc6633.

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

● #b86f4a color description : Moderate orange.

The hexadecimal color #b86f4a has RGB values of R:184, G:111, B:74 and CMYK values of C:0, M:0.4, Y:0.6, K:0.28. Its decimal value is 12087114.

Hex triplet	b86f4a	`#b86f4a`
RGB Decimal	184, 111, 74	`rgb(184,111,74)`
RGB Percent	72.2, 43.5, 29	`rgb(72.2%,43.5%,29%)`
CMYK	0, 40, 60, 28
HSL	20.2°, 43.7, 50.6	`hsl(20.2,43.7%,50.6%)`
HSV (or HSB)	20.2°, 59.8, 72.2
Web Safe	cc6633	`#cc6633`

CIE-LAB	54.086, 25.319, 32.665
XYZ	26.688, 22.056, 9.33
xyY	0.46, 0.38, 22.056
CIE-LCH	54.086, 41.329, 52.22
CIE-LUV	54.086, 55.597, 32.74
Hunter-Lab	46.963, 19.252, 21.096
Binary	10111000, 01101111, 01001010

#b86f4a
```
#b86f4a rgb(184,111,74)
```
#4a93b8
```
#4a93b8 rgb(74,147,184)
```

Complementary Color

#b84a5c
```
#b84a5c rgb(184,74,92)
```
#b86f4a
```
#b86f4a rgb(184,111,74)
```
#b8a64a
```
#b8a64a rgb(184,166,74)
```

Analogous Color

#4a5cb8
```
#4a5cb8 rgb(74,92,184)
```
#b86f4a
```
#b86f4a rgb(184,111,74)
```
#4ab8a6
```
#4ab8a6 rgb(74,184,166)
```

Split Complementary Color

#6f4ab8
```
#6f4ab8 rgb(111,74,184)
```
#b86f4a
```
#b86f4a rgb(184,111,74)
```
#4ab86f
```
#4ab86f rgb(74,184,111)
```

Triadic Color

#b84a93
```
#b84a93 rgb(184,74,147)
```
#b86f4a
```
#b86f4a rgb(184,111,74)
```
#4ab86f
```
#4ab86f rgb(74,184,111)
```
#4a93b8
```
#4a93b8 rgb(74,147,184)
```

Tetradic Color

#824e33
```
#824e33 rgb(130,78,51)
```
#95593a
```
#95593a rgb(149,89,58)
```
#a76442
```
#a76442 rgb(167,100,66)
```
#b86f4a
```
#b86f4a rgb(184,111,74)
```
#bf7e5c
```
#bf7e5c rgb(191,126,92)
```
#c68c6f
```
#c68c6f rgb(198,140,111)
```
#ce9b81
```
#ce9b81 rgb(206,155,129)
```

Monochromatic Color

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

#b8544a
```
#b8544a rgb(184,84,74)
```
#b85d4a
```
#b85d4a rgb(184,93,74)
```
#b8664a
```
#b8664a rgb(184,102,74)
```
#b86f4a
```
#b86f4a rgb(184,111,74)
```
#b8784a
```
#b8784a rgb(184,120,74)
```
#b8814a
```
#b8814a rgb(184,129,74)
```
#b88b4a
```
#b88b4a rgb(184,139,74)
```

Similar Colors

Text with hexadecimal color #b86f4a

This text has a font color of #b86f4a.

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

#b86f4a background color

This paragraph has a background color of #b86f4a.

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

#b86f4a border color

This element has a border color of #b86f4a.

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

CSS codes

.text {color:#b86f4a;}

.background {background-color:#b86f4a;}

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

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

#020101
```
#020101 rgb(2,1,1)
```
#100a06
```
#100a06 rgb(16,10,6)
```
#1e120c
```
#1e120c rgb(30,18,12)
```
#2c1b11
```
#2c1b11 rgb(44,27,17)
```
#3b2317
```
#3b2317 rgb(59,35,23)
```
#492b1c
```
#492b1c rgb(73,43,28)
```
#573422
```
#573422 rgb(87,52,34)
```
#653c28
```
#653c28 rgb(101,60,40)
```
#73452d
```
#73452d rgb(115,69,45)
```
#814d33
```
#814d33 rgb(129,77,51)
```
#8f5538
```
#8f5538 rgb(143,85,56)
```
#9d5e3e
```
#9d5e3e rgb(157,94,62)
```
#ab6643
```
#ab6643 rgb(171,102,67)
```

Shade Color Variation

#b86f4a
```
#b86f4a rgb(184,111,74)
```
#be7a58
```
#be7a58 rgb(190,122,88)
```
#c38566
```
#c38566 rgb(195,133,102)
```
#c99174
```
#c99174 rgb(201,145,116)
```
#ce9c82
```
#ce9c82 rgb(206,156,130)
```
#d4a790
```
#d4a790 rgb(212,167,144)
```
#d9b29f
```
#d9b29f rgb(217,178,159)
```
#dfbdad
```
#dfbdad rgb(223,189,173)
```
#e4c9bb
```
#e4c9bb rgb(228,201,187)
```
#ead4c9
```
#ead4c9 rgb(234,212,201)
```
#efdfd7
```
#efdfd7 rgb(239,223,215)
```
#f5eae5
```
#f5eae5 rgb(245,234,229)
```
#faf6f3
```
#faf6f3 rgb(250,246,243)
```

Tint Color Variation

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

#887f7a
```
#887f7a rgb(136,127,122)
```
#917c71
```
#917c71 rgb(145,124,113)
```
#9b7967
```
#9b7967 rgb(155,121,103)
```
#a5755d
```
#a5755d rgb(165,117,93)
```
#ae7254
```
#ae7254 rgb(174,114,84)
```
#b86f4a
```
#b86f4a rgb(184,111,74)
```
#c26c40
```
#c26c40 rgb(194,108,64)
```
#cb6937
```
#cb6937 rgb(203,105,55)
```
#d5652d
```
#d5652d rgb(213,101,45)
```
#df6223
```
#df6223 rgb(223,98,35)
```
#e85f1a
```
#e85f1a rgb(232,95,26)
```
#f25c10
```
#f25c10 rgb(242,92,16)
```
#fc5906
```
#fc5906 rgb(252,89,6)
```

Tone Color Variation

Below, you can see how #b86f4a 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
#8c7d76 Atypical Achromatopsia 0.001% of the population

Dichromacy

#938759 Protanopia 1% of men
#a48250 Deuteranopia 1% of men
#be7179 Tritanopia 0.001% of the population

Trichromacy

#a07e53 Protanomaly 1% of men, 0.01% of women
#ab7b4d Deuteranomaly 6% of men, 0.4% of women
#bc7068 Tritanomaly 0.01% of the population

#b86f4a hex color

#b86f4a Color Information

#b86f4a Color Conversion

Color Schemes with #b86f4a

Alternatives to #b86f4a

#b86f4a Preview

Shades and Tints of #b86f4a

Tones of #b86f4a

Color Blindness Simulator