#bb8f76 hex color

In a RGB color space, hex #bb8f76 is composed of 73.3% red, 56.1% green and 46.3% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 23.5% magenta, 36.9% yellow and 26.7% black. It has a hue angle of 21.7 degrees, a saturation of 33.7% and a lightness of 59.8%. #bb8f76 color hex could be obtained by blending #ffffec with #771f00. Closest websafe color is: #cc9966.

♥
- f
- t
- g
- R 73
- G 56
- B 46
RGB color chart
- C 0
- M 24
- Y 37
- K 27
CMYK color chart

● #bb8f76 color description : Slightly desaturated orange.

The hexadecimal color #bb8f76 has RGB values of R:187, G:143, B:118 and CMYK values of C:0, M:0.24, Y:0.37, K:0.27. Its decimal value is 12291958.

Hex triplet	bb8f76	`#bb8f76`
RGB Decimal	187, 143, 118	`rgb(187,143,118)`
RGB Percent	73.3, 56.1, 46.3	`rgb(73.3%,56.1%,46.3%)`
CMYK	0, 24, 37, 27
HSL	21.7°, 33.7, 59.8	`hsl(21.7,33.7%,59.8%)`
HSV (or HSB)	21.7°, 36.9, 73.3
Web Safe	cc9966	`#cc9966`

CIE-LAB	62.943, 13.216, 19.73
XYZ	33.586, 31.519, 21.453
xyY	0.388, 0.364, 31.519
CIE-LCH	62.943, 23.748, 56.184
CIE-LUV	62.943, 30.725, 23.48
Hunter-Lab	56.142, 8.536, 16.643
Binary	10111011, 10001111, 01110110

#bb8f76
```
#bb8f76 rgb(187,143,118)
```
#76a2bb
```
#76a2bb rgb(118,162,187)
```

Complementary Color

#bb7680
```
#bb7680 rgb(187,118,128)
```
#bb8f76
```
#bb8f76 rgb(187,143,118)
```
#bbb276
```
#bbb276 rgb(187,178,118)
```

Analogous Color

#7680bb
```
#7680bb rgb(118,128,187)
```
#bb8f76
```
#bb8f76 rgb(187,143,118)
```
#76bbb2
```
#76bbb2 rgb(118,187,178)
```

Split Complementary Color

#8f76bb
```
#8f76bb rgb(143,118,187)
```
#bb8f76
```
#bb8f76 rgb(187,143,118)
```
#76bb8f
```
#76bb8f rgb(118,187,143)
```

Triadic Color

#bb76a2
```
#bb76a2 rgb(187,118,162)
```
#bb8f76
```
#bb8f76 rgb(187,143,118)
```
#76bb8f
```
#76bb8f rgb(118,187,143)
```
#76a2bb
```
#76a2bb rgb(118,162,187)
```

Tetradic Color

#99684c
```
#99684c rgb(153,104,76)
```
#aa7354
```
#aa7354 rgb(170,115,84)
```
#b38165
```
#b38165 rgb(179,129,101)
```
#bb8f76
```
#bb8f76 rgb(187,143,118)
```
#c39d87
```
#c39d87 rgb(195,157,135)
```
#ccab98
```
#ccab98 rgb(204,171,152)
```
#d4b9a9
```
#d4b9a9 rgb(212,185,169)
```

Monochromatic Color

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

#bb7e76
```
#bb7e76 rgb(187,126,118)
```
#bb8476
```
#bb8476 rgb(187,132,118)
```
#bb8976
```
#bb8976 rgb(187,137,118)
```
#bb8f76
```
#bb8f76 rgb(187,143,118)
```
#bb9576
```
#bb9576 rgb(187,149,118)
```
#bb9b76
```
#bb9b76 rgb(187,155,118)
```
#bba076
```
#bba076 rgb(187,160,118)
```

Similar Colors

Text with hexadecimal color #bb8f76

This text has a font color of #bb8f76.

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

#bb8f76 background color

This paragraph has a background color of #bb8f76.

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

#bb8f76 border color

This element has a border color of #bb8f76.

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

CSS codes

.text {color:#bb8f76;}

.background {background-color:#bb8f76;}

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

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

#070504
```
#070504 rgb(7,5,4)
```
#140e0a
```
#140e0a rgb(20,14,10)
```
#211711
```
#211711 rgb(33,23,17)
```
#2f2017
```
#2f2017 rgb(47,32,23)
```
#3c281e
```
#3c281e rgb(60,40,30)
```
#493124
```
#493124 rgb(73,49,36)
```
#563a2b
```
#563a2b rgb(86,58,43)
```
#634331
```
#634331 rgb(99,67,49)
```
#704c38
```
#704c38 rgb(112,76,56)
```
#7d553e
```
#7d553e rgb(125,85,62)
```
#8a5e45
```
#8a5e45 rgb(138,94,69)
```
#97674b
```
#97674b rgb(151,103,75)
```
#a57052
```
#a57052 rgb(165,112,82)
```

Shade Color Variation

#ae7a5c
```
#ae7a5c rgb(174,122,92)
```
#b48469
```
#b48469 rgb(180,132,105)
```
#bb8f76
```
#bb8f76 rgb(187,143,118)
```
#c29a83
```
#c29a83 rgb(194,154,131)
```
#c8a490
```
#c8a490 rgb(200,164,144)
```
#cfaf9d
```
#cfaf9d rgb(207,175,157)
```
#d5baaa
```
#d5baaa rgb(213,186,170)
```
#dcc5b8
```
#dcc5b8 rgb(220,197,184)
```
#e2cfc5
```
#e2cfc5 rgb(226,207,197)
```
#e9dad2
```
#e9dad2 rgb(233,218,210)
```
#efe5df
```
#efe5df rgb(239,229,223)
```
#f6efec
```
#f6efec rgb(246,239,236)
```
#fcfaf9
```
#fcfaf9 rgb(252,250,249)
```

Tint Color Variation

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

#9b9896
```
#9b9896 rgb(155,152,150)
```
#a3968e
```
#a3968e rgb(163,150,142)
```
#ab9386
```
#ab9386 rgb(171,147,134)
```
#b3917e
```
#b3917e rgb(179,145,126)
```
#bb8f76
```
#bb8f76 rgb(187,143,118)
```
#c38d6e
```
#c38d6e rgb(195,141,110)
```
#cb8b66
```
#cb8b66 rgb(203,139,102)
```
#d3885e
```
#d3885e rgb(211,136,94)
```
#db8656
```
#db8656 rgb(219,134,86)
```
#e2844f
```
#e2844f rgb(226,132,79)
```
#ea8247
```
#ea8247 rgb(234,130,71)
```
#f2803f
```
#f2803f rgb(242,128,63)
```
#fa7e37
```
#fa7e37 rgb(250,126,55)
```

Tone Color Variation

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

#999999 Achromatopsia 0.005% of the population
#a09792 Atypical Achromatopsia 0.001% of the population

Dichromacy

#a69d80 Protanopia 1% of men
#b7977c Deuteranopia 1% of men
#c1909a Tritanopia 0.001% of the population

Trichromacy

#ae987c Protanomaly 1% of men, 0.01% of women
#b8947a Deuteranomaly 6% of men, 0.4% of women
#bf908d Tritanomaly 0.01% of the population

#bb8f76 hex color

#bb8f76 Color Information

#bb8f76 Color Conversion

Color Schemes with #bb8f76

Alternatives to #bb8f76

#bb8f76 Preview

Shades and Tints of #bb8f76

Tones of #bb8f76

Color Blindness Simulator