#bbaa86 hex color

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

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

● #bbaa86 color description : Slightly desaturated orange.

The hexadecimal color #bbaa86 has RGB values of R:187, G:170, B:134 and CMYK values of C:0, M:0.09, Y:0.28, K:0.27. Its decimal value is 12298886.

Hex triplet	bbaa86	`#bbaa86`
RGB Decimal	187, 170, 134	`rgb(187,170,134)`
RGB Percent	73.3, 66.7, 52.5	`rgb(73.3%,66.7%,52.5%)`
CMYK	0, 9, 28, 27
HSL	40.8°, 28, 62.9	`hsl(40.8,28%,62.9%)`
HSV (or HSB)	40.8°, 28.3, 73.3
Web Safe	cc9999	`#cc9999`

CIE-LAB	70.201, 0.53, 20.822
XYZ	39.171, 41.036, 28.41
xyY	0.361, 0.378, 41.036
CIE-LCH	70.201, 20.828, 88.542
CIE-LUV	70.201, 12.694, 28.099
Hunter-Lab	64.06, -2.956, 18.547
Binary	10111011, 10101010, 10000110

#bbaa86
```
#bbaa86 rgb(187,170,134)
```
#8697bb
```
#8697bb rgb(134,151,187)
```

Complementary Color

#bb9086
```
#bb9086 rgb(187,144,134)
```
#bbaa86
```
#bbaa86 rgb(187,170,134)
```
#b2bb86
```
#b2bb86 rgb(178,187,134)
```

Analogous Color

#9086bb
```
#9086bb rgb(144,134,187)
```
#bbaa86
```
#bbaa86 rgb(187,170,134)
```
#86b2bb
```
#86b2bb rgb(134,178,187)
```

Split Complementary Color

#aa86bb
```
#aa86bb rgb(170,134,187)
```
#bbaa86
```
#bbaa86 rgb(187,170,134)
```
#86bbaa
```
#86bbaa rgb(134,187,170)
```

Triadic Color

#bb8697
```
#bb8697 rgb(187,134,151)
```
#bbaa86
```
#bbaa86 rgb(187,170,134)
```
#86bbaa
```
#86bbaa rgb(134,187,170)
```
#8697bb
```
#8697bb rgb(134,151,187)
```

Tetradic Color

#9d8758
```
#9d8758 rgb(157,135,88)
```
#a99365
```
#a99365 rgb(169,147,101)
```
#b29f76
```
#b29f76 rgb(178,159,118)
```
#bbaa86
```
#bbaa86 rgb(187,170,134)
```
#c4b596
```
#c4b596 rgb(196,181,150)
```
#cdc1a7
```
#cdc1a7 rgb(205,193,167)
```
#d7ccb7
```
#d7ccb7 rgb(215,204,183)
```

Monochromatic Color

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

#bb9d86
```
#bb9d86 rgb(187,157,134)
```
#bba186
```
#bba186 rgb(187,161,134)
```
#bba686
```
#bba686 rgb(187,166,134)
```
#bbaa86
```
#bbaa86 rgb(187,170,134)
```
#bbae86
```
#bbae86 rgb(187,174,134)
```
#bbb386
```
#bbb386 rgb(187,179,134)
```
#bbb786
```
#bbb786 rgb(187,183,134)
```

Similar Colors

Text with hexadecimal color #bbaa86

This text has a font color of #bbaa86.

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

#bbaa86 background color

This paragraph has a background color of #bbaa86.

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

#bbaa86 border color

This element has a border color of #bbaa86.

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

CSS codes

.text {color:#bbaa86;}

.background {background-color:#bbaa86;}

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

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

#050403
```
#050403 rgb(5,4,3)
```
#110f0a
```
#110f0a rgb(17,15,10)
```
#1e1a11
```
#1e1a11 rgb(30,26,17)
```
#2a2418
```
#2a2418 rgb(42,36,24)
```
#372f1f
```
#372f1f rgb(55,47,31)
```
#433a26
```
#433a26 rgb(67,58,38)
```
#50452d
```
#50452d rgb(80,69,45)
```
#5c4f34
```
#5c4f34 rgb(92,79,52)
```
#695a3b
```
#695a3b rgb(105,90,59)
```
#766542
```
#766542 rgb(118,101,66)
```
#827049
```
#827049 rgb(130,112,73)
```
#8f7b50
```
#8f7b50 rgb(143,123,80)
```
#9b8557
```
#9b8557 rgb(155,133,87)
```

Shade Color Variation

#a69060
```
#a69060 rgb(166,144,96)
```
#ad986d
```
#ad986d rgb(173,152,109)
```
#b4a179
```
#b4a179 rgb(180,161,121)
```
#bbaa86
```
#bbaa86 rgb(187,170,134)
```
#c2b393
```
#c2b393 rgb(194,179,147)
```
#c9bc9f
```
#c9bc9f rgb(201,188,159)
```
#d0c4ac
```
#d0c4ac rgb(208,196,172)
```
#d7cdb8
```
#d7cdb8 rgb(215,205,184)
```
#ded6c5
```
#ded6c5 rgb(222,214,197)
```
#e5dfd1
```
#e5dfd1 rgb(229,223,209)
```
#ece8de
```
#ece8de rgb(236,232,222)
```
#f3f1ea
```
#f3f1ea rgb(243,241,234)
```
#fbf9f7
```
#fbf9f7 rgb(251,249,247)
```

Tint Color Variation

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

#a5a29c
```
#a5a29c rgb(165,162,156)
```
#aca595
```
#aca595 rgb(172,165,149)
```
#b4a78d
```
#b4a78d rgb(180,167,141)
```
#bbaa86
```
#bbaa86 rgb(187,170,134)
```
#c2ad7f
```
#c2ad7f rgb(194,173,127)
```
#caaf77
```
#caaf77 rgb(202,175,119)
```
#d1b270
```
#d1b270 rgb(209,178,112)
```
#d8b469
```
#d8b469 rgb(216,180,105)
```
#dfb762
```
#dfb762 rgb(223,183,98)
```
#e7ba5a
```
#e7ba5a rgb(231,186,90)
```
#eebc53
```
#eebc53 rgb(238,188,83)
```
#f5bf4c
```
#f5bf4c rgb(245,191,76)
```
#fcc145
```
#fcc145 rgb(252,193,69)
```

Tone Color Variation

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

#ababab Achromatopsia 0.005% of the population
#aeaba4 Atypical Achromatopsia 0.001% of the population

Dichromacy

#baaf8c Protanopia 1% of men
#cca98d Deuteranopia 1% of men
#c4a8b4 Tritanopia 0.001% of the population

Trichromacy

#baad8a Protanomaly 1% of men, 0.01% of women
#c5a98a Deuteranomaly 6% of men, 0.4% of women
#c0a9a3 Tritanomaly 0.01% of the population

#bbaa86 hex color

#bbaa86 Color Information

#bbaa86 Color Conversion

Color Schemes with #bbaa86

Alternatives to #bbaa86

#bbaa86 Preview

Shades and Tints of #bbaa86

Tones of #bbaa86

Color Blindness Simulator