#b86f46 hex color

In a RGB color space, hex #b86f46 is composed of 72.2% red, 43.5% green and 27.5% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 39.7% magenta, 62% yellow and 27.8% black. It has a hue angle of 21.6 degrees, a saturation of 44.9% and a lightness of 49.8%. #b86f46 color hex could be obtained by blending #ffde8c with #710000. Closest websafe color is: #cc6633.

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

● #b86f46 color description : Moderate orange.

The hexadecimal color #b86f46 has RGB values of R:184, G:111, B:70 and CMYK values of C:0, M:0.4, Y:0.62, K:0.28. Its decimal value is 12087110.

Hex triplet	b86f46	`#b86f46`
RGB Decimal	184, 111, 70	`rgb(184,111,70)`
RGB Percent	72.2, 43.5, 27.5	`rgb(72.2%,43.5%,27.5%)`
CMYK	0, 40, 62, 28
HSL	21.6°, 44.9, 49.8	`hsl(21.6,44.9%,49.8%)`
HSV (or HSB)	21.6°, 62, 72.2
Web Safe	cc6633	`#cc6633`

CIE-LAB	54.031, 25.023, 34.79
XYZ	26.558, 22.003, 8.642
xyY	0.464, 0.385, 22.003
CIE-LCH	54.031, 42.855, 54.274
CIE-LUV	54.031, 56.095, 34.658
Hunter-Lab	46.908, 18.973, 21.912
Binary	10111000, 01101111, 01000110

#b86f46
```
#b86f46 rgb(184,111,70)
```
#468fb8
```
#468fb8 rgb(70,143,184)
```

Complementary Color

#b84656
```
#b84656 rgb(184,70,86)
```
#b86f46
```
#b86f46 rgb(184,111,70)
```
#b8a846
```
#b8a846 rgb(184,168,70)
```

Analogous Color

#4656b8
```
#4656b8 rgb(70,86,184)
```
#b86f46
```
#b86f46 rgb(184,111,70)
```
#46b8a8
```
#46b8a8 rgb(70,184,168)
```

Split Complementary Color

#6f46b8
```
#6f46b8 rgb(111,70,184)
```
#b86f46
```
#b86f46 rgb(184,111,70)
```
#46b86f
```
#46b86f rgb(70,184,111)
```

Triadic Color

#b8468f
```
#b8468f rgb(184,70,143)
```
#b86f46
```
#b86f46 rgb(184,111,70)
```
#46b86f
```
#46b86f rgb(70,184,111)
```
#468fb8
```
#468fb8 rgb(70,143,184)
```

Tetradic Color

#814e31
```
#814e31 rgb(129,78,49)
```
#935938
```
#935938 rgb(147,89,56)
```
#a6643f
```
#a6643f rgb(166,100,63)
```
#b86f46
```
#b86f46 rgb(184,111,70)
```
#bf7d58
```
#bf7d58 rgb(191,125,88)
```
#c78c6a
```
#c78c6a rgb(199,140,106)
```
#ce9a7d
```
#ce9a7d rgb(206,154,125)
```

Monochromatic Color

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

#b85346
```
#b85346 rgb(184,83,70)
```
#b85c46
```
#b85c46 rgb(184,92,70)
```
#b86646
```
#b86646 rgb(184,102,70)
```
#b86f46
```
#b86f46 rgb(184,111,70)
```
#b87946
```
#b87946 rgb(184,121,70)
```
#b88246
```
#b88246 rgb(184,130,70)
```
#b88c46
```
#b88c46 rgb(184,140,70)
```

Similar Colors

Text with hexadecimal color #b86f46

This text has a font color of #b86f46.

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

#b86f46 background color

This paragraph has a background color of #b86f46.

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

#b86f46 border color

This element has a border color of #b86f46.

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

CSS codes

.text {color:#b86f46;}

.background {background-color:#b86f46;}

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

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

#0d0805
```
#0d0805 rgb(13,8,5)
```
#1c110b
```
#1c110b rgb(28,17,11)
```
#2a1910
```
#2a1910 rgb(42,25,16)
```
#382215
```
#382215 rgb(56,34,21)
```
#462a1b
```
#462a1b rgb(70,42,27)
```
#553320
```
#553320 rgb(85,51,32)
```
#633c26
```
#633c26 rgb(99,60,38)
```
#71442b
```
#71442b rgb(113,68,43)
```
#7f4d30
```
#7f4d30 rgb(127,77,48)
```
#8d5536
```
#8d5536 rgb(141,85,54)
```
#9c5e3b
```
#9c5e3b rgb(156,94,59)
```
#aa6641
```
#aa6641 rgb(170,102,65)
```
#b86f46
```
#b86f46 rgb(184,111,70)
```

Shade Color Variation

#be7a54
```
#be7a54 rgb(190,122,84)
```
#c38562
```
#c38562 rgb(195,133,98)
```
#c99070
```
#c99070 rgb(201,144,112)
```
#ce9b7e
```
#ce9b7e rgb(206,155,126)
```
#d3a68d
```
#d3a68d rgb(211,166,141)
```
#d9b19b
```
#d9b19b rgb(217,177,155)
```
#debca9
```
#debca9 rgb(222,188,169)
```
#e4c7b7
```
#e4c7b7 rgb(228,199,183)
```
#e9d2c5
```
#e9d2c5 rgb(233,210,197)
```
#efddd4
```
#efddd4 rgb(239,221,212)
```
#f4e8e2
```
#f4e8e2 rgb(244,232,226)
```
#f9f3f0
```
#f9f3f0 rgb(249,243,240)
```
#fffefe
```
#fffefe rgb(255,254,254)
```

Tint Color Variation

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

#877d77
```
#877d77 rgb(135,125,119)
```
#917a6d
```
#917a6d rgb(145,122,109)
```
#9b7763
```
#9b7763 rgb(155,119,99)
```
#a4745a
```
#a4745a rgb(164,116,90)
```
#ae7250
```
#ae7250 rgb(174,114,80)
```
#b86f46
```
#b86f46 rgb(184,111,70)
```
#c26c3c
```
#c26c3c rgb(194,108,60)
```
#cc6a32
```
#cc6a32 rgb(204,106,50)
```
#d56729
```
#d56729 rgb(213,103,41)
```
#df641f
```
#df641f rgb(223,100,31)
```
#e96115
```
#e96115 rgb(233,97,21)
```
#f35f0b
```
#f35f0b rgb(243,95,11)
```
#fc5c02
```
#fc5c02 rgb(252,92,2)
```

Tone Color Variation

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

#808080 Achromatopsia 0.005% of the population
#8b7d74 Atypical Achromatopsia 0.001% of the population

Dichromacy

#938755 Protanopia 1% of men
#a4814c Deuteranopia 1% of men
#be7178 Tritanopia 0.001% of the population

Trichromacy

#a07e4f Protanomaly 1% of men, 0.01% of women
#ab7a4a Deuteranomaly 6% of men, 0.4% of women
#bc7066 Tritanomaly 0.01% of the population

#b86f46 hex color

#b86f46 Color Information

#b86f46 Color Conversion

Color Schemes with #b86f46

Alternatives to #b86f46

#b86f46 Preview

Shades and Tints of #b86f46

Tones of #b86f46

Color Blindness Simulator