#b86b40 hex color

In a RGB color space, hex #b86b40 is composed of 72.2% red, 42% green and 25.1% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 41.8% magenta, 65.2% yellow and 27.8% black. It has a hue angle of 21.5 degrees, a saturation of 48.4% and a lightness of 48.6%. #b86b40 color hex could be obtained by blending #ffd680 with #710000. Closest websafe color is: #cc6633.

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

● #b86b40 color description : Moderate orange.

The hexadecimal color #b86b40 has RGB values of R:184, G:107, B:64 and CMYK values of C:0, M:0.42, Y:0.65, K:0.28. Its decimal value is 12086080.

Hex triplet	b86b40	`#b86b40`
RGB Decimal	184, 107, 64	`rgb(184,107,64)`
RGB Percent	72.2, 42, 25.1	`rgb(72.2%,42%,25.1%)`
CMYK	0, 42, 65, 28
HSL	21.5°, 48.4, 48.6	`hsl(21.5,48.4%,48.6%)`
HSV (or HSB)	21.5°, 65.2, 72.2
Web Safe	cc6633	`#cc6633`

CIE-LAB	53.035, 26.808, 36.852
XYZ	25.951, 21.078, 7.552
xyY	0.475, 0.386, 21.078
CIE-LCH	53.035, 45.571, 53.966
CIE-LUV	53.035, 59.795, 35.653
Hunter-Lab	45.911, 20.553, 22.385
Binary	10111000, 01101011, 01000000

#b86b40
```
#b86b40 rgb(184,107,64)
```
#408db8
```
#408db8 rgb(64,141,184)
```

Complementary Color

#b84051
```
#b84051 rgb(184,64,81)
```
#b86b40
```
#b86b40 rgb(184,107,64)
```
#b8a740
```
#b8a740 rgb(184,167,64)
```

Analogous Color

#4051b8
```
#4051b8 rgb(64,81,184)
```
#b86b40
```
#b86b40 rgb(184,107,64)
```
#40b8a7
```
#40b8a7 rgb(64,184,167)
```

Split Complementary Color

#6b40b8
```
#6b40b8 rgb(107,64,184)
```
#b86b40
```
#b86b40 rgb(184,107,64)
```
#40b86b
```
#40b86b rgb(64,184,107)
```

Triadic Color

#b8408d
```
#b8408d rgb(184,64,141)
```
#b86b40
```
#b86b40 rgb(184,107,64)
```
#40b86b
```
#40b86b rgb(64,184,107)
```
#408db8
```
#408db8 rgb(64,141,184)
```

Tetradic Color

#7f4a2c
```
#7f4a2c rgb(127,74,44)
```
#925533
```
#925533 rgb(146,85,51)
```
#a56039
```
#a56039 rgb(165,96,57)
```
#b86b40
```
#b86b40 rgb(184,107,64)
```
#c27950
```
#c27950 rgb(194,121,80)
```
#c98762
```
#c98762 rgb(201,135,98)
```
#cf9675
```
#cf9675 rgb(207,150,117)
```

Monochromatic Color

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

#b84d40
```
#b84d40 rgb(184,77,64)
```
#b85740
```
#b85740 rgb(184,87,64)
```
#b86140
```
#b86140 rgb(184,97,64)
```
#b86b40
```
#b86b40 rgb(184,107,64)
```
#b87540
```
#b87540 rgb(184,117,64)
```
#b87f40
```
#b87f40 rgb(184,127,64)
```
#b88940
```
#b88940 rgb(184,137,64)
```

Similar Colors

Text with hexadecimal color #b86b40

This text has a font color of #b86b40.

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

#b86b40 background color

This paragraph has a background color of #b86b40.

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

#b86b40 border color

This element has a border color of #b86b40.

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

CSS codes

.text {color:#b86b40;}

.background {background-color:#b86b40;}

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

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

#090503
```
#090503 rgb(9,5,3)
```
#180e08
```
#180e08 rgb(24,14,8)
```
#26160d
```
#26160d rgb(38,22,13)
```
#351f12
```
#351f12 rgb(53,31,18)
```
#442718
```
#442718 rgb(68,39,24)
```
#52301d
```
#52301d rgb(82,48,29)
```
#613822
```
#613822 rgb(97,56,34)
```
#6f4127
```
#6f4127 rgb(111,65,39)
```
#7e492c
```
#7e492c rgb(126,73,44)
```
#8c5231
```
#8c5231 rgb(140,82,49)
```
#9b5a36
```
#9b5a36 rgb(155,90,54)
```
#a9633b
```
#a9633b rgb(169,99,59)
```
#b86b40
```
#b86b40 rgb(184,107,64)
```

Shade Color Variation

#c0754b
```
#c0754b rgb(192,117,75)
```
#c6805a
```
#c6805a rgb(198,128,90)
```
#cb8b68
```
#cb8b68 rgb(203,139,104)
```
#d09777
```
#d09777 rgb(208,151,119)
```
#d5a285
```
#d5a285 rgb(213,162,133)
```
#daad94
```
#daad94 rgb(218,173,148)
```
#dfb8a2
```
#dfb8a2 rgb(223,184,162)
```
#e4c3b1
```
#e4c3b1 rgb(228,195,177)
```
#e9cec0
```
#e9cec0 rgb(233,206,192)
```
#eedace
```
#eedace rgb(238,218,206)
```
#f3e5dd
```
#f3e5dd rgb(243,229,221)
```
#f8f0eb
```
#f8f0eb rgb(248,240,235)
```
#fdfbfa
```
#fdfbfa rgb(253,251,250)
```

Tint Color Variation

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

#7f7b79
```
#7f7b79 rgb(127,123,121)
```
#887970
```
#887970 rgb(136,121,112)
```
#927666
```
#927666 rgb(146,118,102)
```
#9b735d
```
#9b735d rgb(155,115,93)
```
#a57053
```
#a57053 rgb(165,112,83)
```
#ae6e4a
```
#ae6e4a rgb(174,110,74)
```
#b86b40
```
#b86b40 rgb(184,107,64)
```
#c26836
```
#c26836 rgb(194,104,54)
```
#cb662d
```
#cb662d rgb(203,102,45)
```
#d56323
```
#d56323 rgb(213,99,35)
```
#de601a
```
#de601a rgb(222,96,26)
```
#e85d10
```
#e85d10 rgb(232,93,16)
```
#f15b07
```
#f15b07 rgb(241,91,7)
```

Tone Color Variation

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

#7d7d7d Achromatopsia 0.005% of the population
#897971 Atypical Achromatopsia 0.001% of the population

Dichromacy

#918550 Protanopia 1% of men
#a27f46 Deuteranopia 1% of men
#be6d74 Tritanopia 0.001% of the population

Trichromacy

#9f7b4a Protanomaly 1% of men, 0.01% of women
#aa7743 Deuteranomaly 6% of men, 0.4% of women
#bc6c61 Tritanomaly 0.01% of the population

#b86b40 hex color

#b86b40 Color Information

#b86b40 Color Conversion

Color Schemes with #b86b40

Alternatives to #b86b40

#b86b40 Preview

Shades and Tints of #b86b40

Tones of #b86b40

Color Blindness Simulator