#bbb696 hex color

In a RGB color space, hex #bbb696 is composed of 73.3% red, 71.4% green and 58.8% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 2.7% magenta, 19.8% yellow and 26.7% black. It has a hue angle of 51.9 degrees, a saturation of 21.4% and a lightness of 66.1%. #bbb696 color hex could be obtained by blending #ffffff with #776d2d. Closest websafe color is: #cccc99.

♥
- f
- t
- g
- R 73
- G 71
- B 59
RGB color chart
- C 0
- M 3
- Y 20
- K 27
CMYK color chart

● #bbb696 color description : Grayish yellow.

The hexadecimal color #bbb696 has RGB values of R:187, G:182, B:150 and CMYK values of C:0, M:0.03, Y:0.2, K:0.27. Its decimal value is 12301974.

Hex triplet	bbb696	`#bbb696`
RGB Decimal	187, 182, 150	`rgb(187,182,150)`
RGB Percent	73.3, 71.4, 58.8	`rgb(73.3%,71.4%,58.8%)`
CMYK	0, 3, 20, 27
HSL	51.9°, 21.4, 66.1	`hsl(51.9,21.4%,66.1%)`
HSV (or HSB)	51.9°, 19.8, 73.3
Web Safe	cccc99	`#cccc99`

CIE-LAB	73.69, -3.576, 16.954
XYZ	42.726, 46.223, 35.524
xyY	0.343, 0.371, 46.223
CIE-LCH	73.69, 17.327, 101.912
CIE-LUV	73.69, 4.768, 24.292
Hunter-Lab	67.988, -6.803, 16.612
Binary	10111011, 10110110, 10010110

#bbb696
```
#bbb696 rgb(187,182,150)
```
#969bbb
```
#969bbb rgb(150,155,187)
```

Complementary Color

#bba496
```
#bba496 rgb(187,164,150)
```
#bbb696
```
#bbb696 rgb(187,182,150)
```
#aebb96
```
#aebb96 rgb(174,187,150)
```

Analogous Color

#a496bb
```
#a496bb rgb(164,150,187)
```
#bbb696
```
#bbb696 rgb(187,182,150)
```
#96aebb
```
#96aebb rgb(150,174,187)
```

Split Complementary Color

#b696bb
```
#b696bb rgb(182,150,187)
```
#bbb696
```
#bbb696 rgb(187,182,150)
```
#96bbb6
```
#96bbb6 rgb(150,187,182)
```

Triadic Color

#bb969b
```
#bb969b rgb(187,150,155)
```
#bbb696
```
#bbb696 rgb(187,182,150)
```
#96bbb6
```
#96bbb6 rgb(150,187,182)
```
#969bbb
```
#969bbb rgb(150,155,187)
```

Tetradic Color

#9d9668
```
#9d9668 rgb(157,150,104)
```
#a7a077
```
#a7a077 rgb(167,160,119)
```
#b1ab87
```
#b1ab87 rgb(177,171,135)
```
#bbb696
```
#bbb696 rgb(187,182,150)
```
#c5c1a5
```
#c5c1a5 rgb(197,193,165)
```
#cfccb5
```
#cfccb5 rgb(207,204,181)
```
#d9d6c4
```
#d9d6c4 rgb(217,214,196)
```

Monochromatic Color

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

#bbad96
```
#bbad96 rgb(187,173,150)
```
#bbb096
```
#bbb096 rgb(187,176,150)
```
#bbb396
```
#bbb396 rgb(187,179,150)
```
#bbb696
```
#bbb696 rgb(187,182,150)
```
#bbb996
```
#bbb996 rgb(187,185,150)
```
#babb96
```
#babb96 rgb(186,187,150)
```
#b7bb96
```
#b7bb96 rgb(183,187,150)
```

Similar Colors

Text with hexadecimal color #bbb696

This text has a font color of #bbb696.

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

#bbb696 background color

This paragraph has a background color of #bbb696.

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

#bbb696 border color

This element has a border color of #bbb696.

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

CSS codes

.text {color:#bbb696;}

.background {background-color:#bbb696;}

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

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

#020201
```
#020201 rgb(2,2,1)
```
#0e0d09
```
#0e0d09 rgb(14,13,9)
```
#1a1911
```
#1a1911 rgb(26,25,17)
```
#262419
```
#262419 rgb(38,36,25)
```
#322f20
```
#322f20 rgb(50,47,32)
```
#3e3b28
```
#3e3b28 rgb(62,59,40)
```
#4a4630
```
#4a4630 rgb(74,70,48)
```
#555137
```
#555137 rgb(85,81,55)
```
#615d3f
```
#615d3f rgb(97,93,63)
```
#6d6847
```
#6d6847 rgb(109,104,71)
```
#79734e
```
#79734e rgb(121,115,78)
```
#857f56
```
#857f56 rgb(133,127,86)
```
#918a5e
```
#918a5e rgb(145,138,94)
```

Shade Color Variation

#9c9566
```
#9c9566 rgb(156,149,102)
```
#a49d72
```
#a49d72 rgb(164,157,114)
```
#aca57e
```
#aca57e rgb(172,165,126)
```
#b3ae8a
```
#b3ae8a rgb(179,174,138)
```
#bbb696
```
#bbb696 rgb(187,182,150)
```
#c3bea2
```
#c3bea2 rgb(195,190,162)
```
#cac7ae
```
#cac7ae rgb(202,199,174)
```
#d2cfba
```
#d2cfba rgb(210,207,186)
```
#dad7c6
```
#dad7c6 rgb(218,215,198)
```
#e2dfd2
```
#e2dfd2 rgb(226,223,210)
```
#e9e8dd
```
#e9e8dd rgb(233,232,221)
```
#f1f0e9
```
#f1f0e9 rgb(241,240,233)
```
#f9f8f5
```
#f9f8f5 rgb(249,248,245)
```

Tint Color Variation

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

#aeaca3
```
#aeaca3 rgb(174,172,163)
```
#b4b19d
```
#b4b19d rgb(180,177,157)
```
#bbb696
```
#bbb696 rgb(187,182,150)
```
#c2bb8f
```
#c2bb8f rgb(194,187,143)
```
#c8c089
```
#c8c089 rgb(200,192,137)
```
#cfc582
```
#cfc582 rgb(207,197,130)
```
#d6c97b
```
#d6c97b rgb(214,201,123)
```
#dcce75
```
#dcce75 rgb(220,206,117)
```
#e3d36e
```
#e3d36e rgb(227,211,110)
```
#ead867
```
#ead867 rgb(234,216,103)
```
#f0dd61
```
#f0dd61 rgb(240,221,97)
```
#f7e25a
```
#f7e25a rgb(247,226,90)
```
#fee753
```
#fee753 rgb(254,231,83)
```

Tone Color Variation

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

#b4b4b4 Achromatopsia 0.005% of the population
#b5b4ae Atypical Achromatopsia 0.001% of the population

Dichromacy

#c2b89a Protanopia 1% of men
#d3b29d Deuteranopia 1% of men
#c4b4c1 Tritanopia 0.001% of the population

Trichromacy

#c0b799 Protanomaly 1% of men, 0.01% of women
#cab39a Deuteranomaly 6% of men, 0.4% of women
#c0b4b1 Tritanomaly 0.01% of the population

#bbb696 hex color

#bbb696 Color Information

#bbb696 Color Conversion

Color Schemes with #bbb696

Alternatives to #bbb696

#bbb696 Preview

Shades and Tints of #bbb696

Tones of #bbb696

Color Blindness Simulator