#bb9a86 hex color

In a RGB color space, hex #bb9a86 is composed of 73.3% red, 60.4% green and 52.5% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 17.6% magenta, 28.3% yellow and 26.7% black. It has a hue angle of 22.6 degrees, a saturation of 28% and a lightness of 62.9%. #bb9a86 color hex could be obtained by blending #ffffff with #77350d. Closest websafe color is: #cc9999.

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

● #bb9a86 color description : Slightly desaturated orange.

The hexadecimal color #bb9a86 has RGB values of R:187, G:154, B:134 and CMYK values of C:0, M:0.18, Y:0.28, K:0.27. Its decimal value is 12294790.

Hex triplet	bb9a86	`#bb9a86`
RGB Decimal	187, 154, 134	`rgb(187,154,134)`
RGB Percent	73.3, 60.4, 52.5	`rgb(73.3%,60.4%,52.5%)`
CMYK	0, 18, 28, 27
HSL	22.6°, 28, 62.9	`hsl(22.6,28%,62.9%)`
HSV (or HSB)	22.6°, 28.3, 73.3
Web Safe	cc9999	`#cc9999`

CIE-LAB	66.058, 9.242, 15.102
XYZ	36.352, 35.398, 27.471
xyY	0.366, 0.357, 35.398
CIE-LCH	66.058, 17.705, 58.536
CIE-LUV	66.058, 22.288, 18.885
Hunter-Lab	59.496, 4.943, 14.272
Binary	10111011, 10011010, 10000110

#bb9a86
```
#bb9a86 rgb(187,154,134)
```
#86a7bb
```
#86a7bb rgb(134,167,187)
```

Complementary Color

#bb868d
```
#bb868d rgb(187,134,141)
```
#bb9a86
```
#bb9a86 rgb(187,154,134)
```
#bbb586
```
#bbb586 rgb(187,181,134)
```

Analogous Color

#868dbb
```
#868dbb rgb(134,141,187)
```
#bb9a86
```
#bb9a86 rgb(187,154,134)
```
#86bbb5
```
#86bbb5 rgb(134,187,181)
```

Split Complementary Color

#9a86bb
```
#9a86bb rgb(154,134,187)
```
#bb9a86
```
#bb9a86 rgb(187,154,134)
```
#86bb9a
```
#86bb9a rgb(134,187,154)
```

Triadic Color

#bb86a7
```
#bb86a7 rgb(187,134,167)
```
#bb9a86
```
#bb9a86 rgb(187,154,134)
```
#86bb9a
```
#86bb9a rgb(134,187,154)
```
#86a7bb
```
#86a7bb rgb(134,167,187)
```

Tetradic Color

#9d7258
```
#9d7258 rgb(157,114,88)
```
#a97f65
```
#a97f65 rgb(169,127,101)
```
#b28c76
```
#b28c76 rgb(178,140,118)
```
#bb9a86
```
#bb9a86 rgb(187,154,134)
```
#c4a896
```
#c4a896 rgb(196,168,150)
```
#cdb5a7
```
#cdb5a7 rgb(205,181,167)
```
#d7c3b7
```
#d7c3b7 rgb(215,195,183)
```

Monochromatic Color

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

#bb8d86
```
#bb8d86 rgb(187,141,134)
```
#bb9186
```
#bb9186 rgb(187,145,134)
```
#bb9686
```
#bb9686 rgb(187,150,134)
```
#bb9a86
```
#bb9a86 rgb(187,154,134)
```
#bb9e86
```
#bb9e86 rgb(187,158,134)
```
#bba386
```
#bba386 rgb(187,163,134)
```
#bba786
```
#bba786 rgb(187,167,134)
```

Similar Colors

Text with hexadecimal color #bb9a86

This text has a font color of #bb9a86.

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

#bb9a86 background color

This paragraph has a background color of #bb9a86.

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

#bb9a86 border color

This element has a border color of #bb9a86.

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

CSS codes

.text {color:#bb9a86;}

.background {background-color:#bb9a86;}

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

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

#050303
```
#050303 rgb(5,3,3)
```
#110c0a
```
#110c0a rgb(17,12,10)
```
#1e1611
```
#1e1611 rgb(30,22,17)
```
#2a1f18
```
#2a1f18 rgb(42,31,24)
```
#37281f
```
#37281f rgb(55,40,31)
```
#433126
```
#433126 rgb(67,49,38)
```
#503a2d
```
#503a2d rgb(80,58,45)
```
#5c4334
```
#5c4334 rgb(92,67,52)
```
#694c3b
```
#694c3b rgb(105,76,59)
```
#765642
```
#765642 rgb(118,86,66)
```
#825f49
```
#825f49 rgb(130,95,73)
```
#8f6850
```
#8f6850 rgb(143,104,80)
```
#9b7157
```
#9b7157 rgb(155,113,87)
```

Shade Color Variation

#a67b60
```
#a67b60 rgb(166,123,96)
```
#ad856d
```
#ad856d rgb(173,133,109)
```
#b49079
```
#b49079 rgb(180,144,121)
```
#bb9a86
```
#bb9a86 rgb(187,154,134)
```
#c2a493
```
#c2a493 rgb(194,164,147)
```
#c9af9f
```
#c9af9f rgb(201,175,159)
```
#d0b9ac
```
#d0b9ac rgb(208,185,172)
```
#d7c4b8
```
#d7c4b8 rgb(215,196,184)
```
#decec5
```
#decec5 rgb(222,206,197)
```
#e5d9d1
```
#e5d9d1 rgb(229,217,209)
```
#ece3de
```
#ece3de rgb(236,227,222)
```
#f3eeea
```
#f3eeea rgb(243,238,234)
```
#fbf8f7
```
#fbf8f7 rgb(251,248,247)
```

Tint Color Variation

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

#a59f9c
```
#a59f9c rgb(165,159,156)
```
#ac9e95
```
#ac9e95 rgb(172,158,149)
```
#b49c8d
```
#b49c8d rgb(180,156,141)
```
#bb9a86
```
#bb9a86 rgb(187,154,134)
```
#c2987f
```
#c2987f rgb(194,152,127)
```
#ca9677
```
#ca9677 rgb(202,150,119)
```
#d19570
```
#d19570 rgb(209,149,112)
```
#d89369
```
#d89369 rgb(216,147,105)
```
#df9162
```
#df9162 rgb(223,145,98)
```
#e78f5a
```
#e78f5a rgb(231,143,90)
```
#ee8e53
```
#ee8e53 rgb(238,142,83)
```
#f58c4c
```
#f58c4c rgb(245,140,76)
```
#fc8a45
```
#fc8a45 rgb(252,138,69)
```

Tone Color Variation

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

#a2a2a2 Achromatopsia 0.005% of the population
#a7a09c Atypical Achromatopsia 0.001% of the population

Dichromacy

#ada48e Protanopia 1% of men
#bd9f8c Deuteranopia 1% of men
#c19ba6 Tritanopia 0.001% of the population

Trichromacy

#b2a08b Protanomaly 1% of men, 0.01% of women
#bc9d89 Deuteranomaly 6% of men, 0.4% of women
#bf9a9a Tritanomaly 0.01% of the population

#bb9a86 hex color

#bb9a86 Color Information

#bb9a86 Color Conversion

Color Schemes with #bb9a86

Alternatives to #bb9a86

#bb9a86 Preview

Shades and Tints of #bb9a86

Tones of #bb9a86

Color Blindness Simulator