#bb861f hex color

In a RGB color space, hex #bb861f is composed of 73.3% red, 52.5% green and 12.2% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 28.3% magenta, 83.4% yellow and 26.7% black. It has a hue angle of 39.6 degrees, a saturation of 71.6% and a lightness of 42.7%. #bb861f color hex could be obtained by blending #ffff3e with #770d00. Closest websafe color is: #cc9933.

♥
- f
- t
- g
- R 73
- G 53
- B 12
RGB color chart
- C 0
- M 28
- Y 83
- K 27
CMYK color chart

● #bb861f color description : Strong orange.

The hexadecimal color #bb861f has RGB values of R:187, G:134, B:31 and CMYK values of C:0, M:0.28, Y:0.83, K:0.27. Its decimal value is 12289567.

Hex triplet	bb861f	`#bb861f`
RGB Decimal	187, 134, 31	`rgb(187,134,31)`
RGB Percent	73.3, 52.5, 12.2	`rgb(73.3%,52.5%,12.2%)`
CMYK	0, 28, 83, 27
HSL	39.6°, 71.6, 42.7	`hsl(39.6,71.6%,42.7%)`
HSV (or HSB)	39.6°, 83.4, 73.3
Web Safe	cc9933	`#cc9933`

CIE-LAB	59.631, 11.64, 58.283
XYZ	29.267, 27.716, 5.105
xyY	0.471, 0.446, 27.716
CIE-LCH	59.631, 59.434, 78.706
CIE-LUV	59.631, 43.782, 57.02
Hunter-Lab	52.646, 7.101, 31.103
Binary	10111011, 10000110, 00011111

#bb861f
```
#bb861f rgb(187,134,31)
```
#1f54bb
```
#1f54bb rgb(31,84,187)
```

Complementary Color

#bb381f
```
#bb381f rgb(187,56,31)
```
#bb861f
```
#bb861f rgb(187,134,31)
```
#a2bb1f
```
#a2bb1f rgb(162,187,31)
```

Analogous Color

#381fbb
```
#381fbb rgb(56,31,187)
```
#bb861f
```
#bb861f rgb(187,134,31)
```
#1fa2bb
```
#1fa2bb rgb(31,162,187)
```

Split Complementary Color

#861fbb
```
#861fbb rgb(134,31,187)
```
#bb861f
```
#bb861f rgb(187,134,31)
```
#1fbb86
```
#1fbb86 rgb(31,187,134)
```

Triadic Color

#bb1f54
```
#bb1f54 rgb(187,31,84)
```
#bb861f
```
#bb861f rgb(187,134,31)
```
#1fbb86
```
#1fbb86 rgb(31,187,134)
```
#1f54bb
```
#1f54bb rgb(31,84,187)
```

Tetradic Color

#795714
```
#795714 rgb(121,87,20)
```
#8f6718
```
#8f6718 rgb(143,103,24)
```
#a5761b
```
#a5761b rgb(165,118,27)
```
#bb861f
```
#bb861f rgb(187,134,31)
```
#d19623
```
#d19623 rgb(209,150,35)
```
#dda230
```
#dda230 rgb(221,162,48)
```
#e0ac46
```
#e0ac46 rgb(224,172,70)
```

Monochromatic Color

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

#bb5f1f
```
#bb5f1f rgb(187,95,31)
```
#bb6c1f
```
#bb6c1f rgb(187,108,31)
```
#bb791f
```
#bb791f rgb(187,121,31)
```
#bb861f
```
#bb861f rgb(187,134,31)
```
#bb931f
```
#bb931f rgb(187,147,31)
```
#bba01f
```
#bba01f rgb(187,160,31)
```
#bbad1f
```
#bbad1f rgb(187,173,31)
```

Similar Colors

Text with hexadecimal color #bb861f

This text has a font color of #bb861f.

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

#bb861f background color

This paragraph has a background color of #bb861f.

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

#bb861f border color

This element has a border color of #bb861f.

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

CSS codes

.text {color:#bb861f;}

.background {background-color:#bb861f;}

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

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

#020100
```
#020100 rgb(2,1,0)
```
#130d03
```
#130d03 rgb(19,13,3)
```
#241906
```
#241906 rgb(36,25,6)
```
#342609
```
#342609 rgb(52,38,9)
```
#45320b
```
#45320b rgb(69,50,11)
```
#563e0e
```
#563e0e rgb(86,62,14)
```
#674a11
```
#674a11 rgb(103,74,17)
```
#785614
```
#785614 rgb(120,86,20)
```
#896217
```
#896217 rgb(137,98,23)
```
#996e19
```
#996e19 rgb(153,110,25)
```
#aa7a1c
```
#aa7a1c rgb(170,122,28)
```
#bb861f
```
#bb861f rgb(187,134,31)
```
#cc9222
```
#cc9222 rgb(204,146,34)
```

Shade Color Variation

#db9e26
```
#db9e26 rgb(219,158,38)
```
#dea537
```
#dea537 rgb(222,165,55)
```
#e1ad48
```
#e1ad48 rgb(225,173,72)
```
#e3b459
```
#e3b459 rgb(227,180,89)
```
#e6bc69
```
#e6bc69 rgb(230,188,105)
```
#e9c37a
```
#e9c37a rgb(233,195,122)
```
#eccb8b
```
#eccb8b rgb(236,203,139)
```
#efd39c
```
#efd39c rgb(239,211,156)
```
#f1daad
```
#f1daad rgb(241,218,173)
```
#f4e2be
```
#f4e2be rgb(244,226,190)
```
#f7e9ce
```
#f7e9ce rgb(247,233,206)
```
#faf1df
```
#faf1df rgb(250,241,223)
```
#fdf8f0
```
#fdf8f0 rgb(253,248,240)
```

Tint Color Variation

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

#706e6a
```
#706e6a rgb(112,110,106)
```
#787162
```
#787162 rgb(120,113,98)
```
#80735a
```
#80735a rgb(128,115,90)
```
#897651
```
#897651 rgb(137,118,81)
```
#917949
```
#917949 rgb(145,121,73)
```
#997b41
```
#997b41 rgb(153,123,65)
```
#a27e38
```
#a27e38 rgb(162,126,56)
```
#aa8130
```
#aa8130 rgb(170,129,48)
```
#b38327
```
#b38327 rgb(179,131,39)
```
#bb861f
```
#bb861f rgb(187,134,31)
```
#c38917
```
#c38917 rgb(195,137,23)
```
#cc8b0e
```
#cc8b0e rgb(204,139,14)
```
#d48e06
```
#d48e06 rgb(212,142,6)
```

Tone Color Variation

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

#8a8a8a Achromatopsia 0.005% of the population
#948975 Atypical Achromatopsia 0.001% of the population

Dichromacy

#a6952d Protanopia 1% of men
#ba8e29 Deuteranopia 1% of men
#c4838c Tritanopia 0.001% of the population

Trichromacy

#ae8f27 Protanomaly 1% of men, 0.01% of women
#ba8b25 Deuteranomaly 6% of men, 0.4% of women
#c18464 Tritanomaly 0.01% of the population

#bb861f hex color

#bb861f Color Information

#bb861f Color Conversion

Color Schemes with #bb861f

Alternatives to #bb861f

#bb861f Preview

Shades and Tints of #bb861f

Tones of #bb861f

Color Blindness Simulator