#bbaa66 hex color

In a RGB color space, hex #bbaa66 is composed of 73.3% red, 66.7% green and 40% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 9.1% magenta, 45.5% yellow and 26.7% black. It has a hue angle of 48 degrees, a saturation of 38.5% and a lightness of 56.7%. #bbaa66 color hex could be obtained by blending #ffffcc with #775500. Closest websafe color is: #cc9966.

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

● #bbaa66 color description : Slightly desaturated yellow.

The hexadecimal color #bbaa66 has RGB values of R:187, G:170, B:102 and CMYK values of C:0, M:0.09, Y:0.45, K:0.27. Its decimal value is 12298854.

Hex triplet	bbaa66	`#bbaa66`
RGB Decimal	187, 170, 102	`rgb(187,170,102)`
RGB Percent	73.3, 66.7, 40	`rgb(73.3%,66.7%,40%)`
CMYK	0, 9, 45, 27
HSL	48°, 38.5, 56.7	`hsl(48,38.5%,56.7%)`
HSV (or HSB)	48°, 45.5, 73.3
Web Safe	cc9966	`#cc9966`

CIE-LAB	69.665, -3.287, 37.164
XYZ	37.266, 40.274, 18.38
xyY	0.389, 0.42, 40.274
CIE-LCH	69.665, 37.309, 95.055
CIE-LUV	69.665, 14.647, 47.149
Hunter-Lab	63.462, -6.24, 27.252
Binary	10111011, 10101010, 01100110

#bbaa66
```
#bbaa66 rgb(187,170,102)
```
#6677bb
```
#6677bb rgb(102,119,187)
```

Complementary Color

#bb8066
```
#bb8066 rgb(187,128,102)
```
#bbaa66
```
#bbaa66 rgb(187,170,102)
```
#a2bb66
```
#a2bb66 rgb(162,187,102)
```

Analogous Color

#8066bb
```
#8066bb rgb(128,102,187)
```
#bbaa66
```
#bbaa66 rgb(187,170,102)
```
#66a2bb
```
#66a2bb rgb(102,162,187)
```

Split Complementary Color

#aa66bb
```
#aa66bb rgb(170,102,187)
```
#bbaa66
```
#bbaa66 rgb(187,170,102)
```
#66bbaa
```
#66bbaa rgb(102,187,170)
```

Triadic Color

#bb6677
```
#bb6677 rgb(187,102,119)
```
#bbaa66
```
#bbaa66 rgb(187,170,102)
```
#66bbaa
```
#66bbaa rgb(102,187,170)
```
#6677bb
```
#6677bb rgb(102,119,187)
```

Tetradic Color

#938341
```
#938341 rgb(147,131,65)
```
#a59249
```
#a59249 rgb(165,146,73)
```
#b3a054
```
#b3a054 rgb(179,160,84)
```
#bbaa66
```
#bbaa66 rgb(187,170,102)
```
#c3b478
```
#c3b478 rgb(195,180,120)
```
#cbbe89
```
#cbbe89 rgb(203,190,137)
```
#d3c79b
```
#d3c79b rgb(211,199,155)
```

Monochromatic Color

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

#bb9566
```
#bb9566 rgb(187,149,102)
```
#bb9c66
```
#bb9c66 rgb(187,156,102)
```
#bba366
```
#bba366 rgb(187,163,102)
```
#bbaa66
```
#bbaa66 rgb(187,170,102)
```
#bbb166
```
#bbb166 rgb(187,177,102)
```
#bbb866
```
#bbb866 rgb(187,184,102)
```
#b7bb66
```
#b7bb66 rgb(183,187,102)
```

Similar Colors

Text with hexadecimal color #bbaa66

This text has a font color of #bbaa66.

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

#bbaa66 background color

This paragraph has a background color of #bbaa66.

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

#bbaa66 border color

This element has a border color of #bbaa66.

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

CSS codes

.text {color:#bbaa66;}

.background {background-color:#bbaa66;}

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

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, #0a0904 is the darkest color, while #fdfdfb is the lightest one.

#0a0904
```
#0a0904 rgb(10,9,4)
```
#18150a
```
#18150a rgb(24,21,10)
```
#252110
```
#252110 rgb(37,33,16)
```
#332d17
```
#332d17 rgb(51,45,23)
```
#40391d
```
#40391d rgb(64,57,29)
```
#4e4523
```
#4e4523 rgb(78,69,35)
```
#5b5129
```
#5b5129 rgb(91,81,41)
```
#695d2f
```
#695d2f rgb(105,93,47)
```
#776935
```
#776935 rgb(119,105,53)
```
#84753b
```
#84753b rgb(132,117,59)
```
#928241
```
#928241 rgb(146,130,65)
```
#9f8e47
```
#9f8e47 rgb(159,142,71)
```
#ad9a4d
```
#ad9a4d rgb(173,154,77)
```

Shade Color Variation

#b5a258
```
#b5a258 rgb(181,162,88)
```
#bbaa66
```
#bbaa66 rgb(187,170,102)
```
#c1b274
```
#c1b274 rgb(193,178,116)
```
#c7b981
```
#c7b981 rgb(199,185,129)
```
#cdc18f
```
#cdc18f rgb(205,193,143)
```
#d3c89c
```
#d3c89c rgb(211,200,156)
```
#d9d0aa
```
#d9d0aa rgb(217,208,170)
```
#dfd7b7
```
#dfd7b7 rgb(223,215,183)
```
#e5dfc5
```
#e5dfc5 rgb(229,223,197)
```
#ebe6d3
```
#ebe6d3 rgb(235,230,211)
```
#f1eee0
```
#f1eee0 rgb(241,238,224)
```
#f7f5ee
```
#f7f5ee rgb(247,245,238)
```
#fdfdfb
```
#fdfdfb rgb(253,253,251)
```

Tint Color Variation

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

#999688
```
#999688 rgb(153,150,136)
```
#a29b80
```
#a29b80 rgb(162,155,128)
```
#aaa077
```
#aaa077 rgb(170,160,119)
```
#b3a56f
```
#b3a56f rgb(179,165,111)
```
#bbaa66
```
#bbaa66 rgb(187,170,102)
```
#c4af5e
```
#c4af5e rgb(196,175,94)
```
#ccb455
```
#ccb455 rgb(204,180,85)
```
#d5b94d
```
#d5b94d rgb(213,185,77)
```
#ddbe44
```
#ddbe44 rgb(221,190,68)
```
#e6c43c
```
#e6c43c rgb(230,196,60)
```
#eec933
```
#eec933 rgb(238,201,51)
```
#f7ce2b
```
#f7ce2b rgb(247,206,43)
```
#ffd322
```
#ffd322 rgb(255,211,34)
```

Tone Color Variation

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

#a7a7a7 Achromatopsia 0.005% of the population
#aba89a Atypical Achromatopsia 0.001% of the population

Dichromacy

#beae6e Protanopia 1% of men
#d1a770 Deuteranopia 1% of men
#c6a6b1 Tritanopia 0.001% of the population

Trichromacy

#bcac6b Protanomaly 1% of men, 0.01% of women
#c9a86c Deuteranomaly 6% of men, 0.4% of women
#c2a796 Tritanomaly 0.01% of the population

#bbaa66 hex color

#bbaa66 Color Information

#bbaa66 Color Conversion

Color Schemes with #bbaa66

Alternatives to #bbaa66

#bbaa66 Preview

Shades and Tints of #bbaa66

Tones of #bbaa66

Color Blindness Simulator