#bbb695 hex color

In a RGB color space, hex #bbb695 is composed of 73.3% red, 71.4% green and 58.4% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 2.7% magenta, 20.3% yellow and 26.7% black. It has a hue angle of 52.1 degrees, a saturation of 21.8% and a lightness of 65.9%. #bbb695 color hex could be obtained by blending #ffffff with #776d2b. Closest websafe color is: #cccc99.

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

● #bbb695 color description : Grayish yellow.

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

Hex triplet	bbb695	`#bbb695`
RGB Decimal	187, 182, 149	`rgb(187,182,149)`
RGB Percent	73.3, 71.4, 58.4	`rgb(73.3%,71.4%,58.4%)`
CMYK	0, 3, 20, 27
HSL	52.1°, 21.8, 65.9	`hsl(52.1,21.8%,65.9%)`
HSV (or HSB)	52.1°, 20.3, 73.3
Web Safe	cccc99	`#cccc99`

CIE-LAB	73.669, -3.727, 17.466
XYZ	42.645, 46.191, 35.101
xyY	0.344, 0.373, 46.191
CIE-LCH	73.669, 17.859, 102.044
CIE-LUV	73.669, 4.824, 24.984
Hunter-Lab	67.964, -6.933, 16.953
Binary	10111011, 10110110, 10010101

#bbb695
```
#bbb695 rgb(187,182,149)
```
#959abb
```
#959abb rgb(149,154,187)
```

Complementary Color

#bba395
```
#bba395 rgb(187,163,149)
```
#bbb695
```
#bbb695 rgb(187,182,149)
```
#adbb95
```
#adbb95 rgb(173,187,149)
```

Analogous Color

#a395bb
```
#a395bb rgb(163,149,187)
```
#bbb695
```
#bbb695 rgb(187,182,149)
```
#95adbb
```
#95adbb rgb(149,173,187)
```

Split Complementary Color

#b695bb
```
#b695bb rgb(182,149,187)
```
#bbb695
```
#bbb695 rgb(187,182,149)
```
#95bbb6
```
#95bbb6 rgb(149,187,182)
```

Triadic Color

#bb959a
```
#bb959a rgb(187,149,154)
```
#bbb695
```
#bbb695 rgb(187,182,149)
```
#95bbb6
```
#95bbb6 rgb(149,187,182)
```
#959abb
```
#959abb rgb(149,154,187)
```

Tetradic Color

#9d9666
```
#9d9666 rgb(157,150,102)
```
#a7a176
```
#a7a176 rgb(167,161,118)
```
#b1ab85
```
#b1ab85 rgb(177,171,133)
```
#bbb695
```
#bbb695 rgb(187,182,149)
```
#c5c1a5
```
#c5c1a5 rgb(197,193,165)
```
#cfcbb4
```
#cfcbb4 rgb(207,203,180)
```
#d9d6c4
```
#d9d6c4 rgb(217,214,196)
```

Monochromatic Color

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

#bbad95
```
#bbad95 rgb(187,173,149)
```
#bbb095
```
#bbb095 rgb(187,176,149)
```
#bbb395
```
#bbb395 rgb(187,179,149)
```
#bbb695
```
#bbb695 rgb(187,182,149)
```
#bbb995
```
#bbb995 rgb(187,185,149)
```
#babb95
```
#babb95 rgb(186,187,149)
```
#b7bb95
```
#b7bb95 rgb(183,187,149)
```

Similar Colors

Text with hexadecimal color #bbb695

This text has a font color of #bbb695.

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

#bbb695 background color

This paragraph has a background color of #bbb695.

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

#bbb695 border color

This element has a border color of #bbb695.

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

CSS codes

.text {color:#bbb695;}

.background {background-color:#bbb695;}

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

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

#020101
```
#020101 rgb(2,1,1)
```
#0d0d09
```
#0d0d09 rgb(13,13,9)
```
#191810
```
#191810 rgb(25,24,16)
```
#252418
```
#252418 rgb(37,36,24)
```
#312f20
```
#312f20 rgb(49,47,32)
```
#3d3a27
```
#3d3a27 rgb(61,58,39)
```
#49462f
```
#49462f rgb(73,70,47)
```
#555137
```
#555137 rgb(85,81,55)
```
#615d3e
```
#615d3e rgb(97,93,62)
```
#6d6846
```
#6d6846 rgb(109,104,70)
```
#79734e
```
#79734e rgb(121,115,78)
```
#857f55
```
#857f55 rgb(133,127,85)
```
#918a5d
```
#918a5d rgb(145,138,93)
```

Shade Color Variation

#9c9565
```
#9c9565 rgb(156,149,101)
```
#a49d71
```
#a49d71 rgb(164,157,113)
```
#aca67d
```
#aca67d rgb(172,166,125)
```
#b3ae89
```
#b3ae89 rgb(179,174,137)
```
#bbb695
```
#bbb695 rgb(187,182,149)
```
#c3bea1
```
#c3bea1 rgb(195,190,161)
```
#cac6ad
```
#cac6ad rgb(202,198,173)
```
#d2cfb9
```
#d2cfb9 rgb(210,207,185)
```
#dad7c5
```
#dad7c5 rgb(218,215,197)
```
#e1dfd1
```
#e1dfd1 rgb(225,223,209)
```
#e9e7dd
```
#e9e7dd rgb(233,231,221)
```
#f1f0e9
```
#f1f0e9 rgb(241,240,233)
```
#f8f8f5
```
#f8f8f5 rgb(248,248,245)
```

Tint Color Variation

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

#aeaca2
```
#aeaca2 rgb(174,172,162)
```
#b4b19c
```
#b4b19c rgb(180,177,156)
```
#bbb695
```
#bbb695 rgb(187,182,149)
```
#c2bb8e
```
#c2bb8e rgb(194,187,142)
```
#c8c088
```
#c8c088 rgb(200,192,136)
```
#cfc581
```
#cfc581 rgb(207,197,129)
```
#d6ca7a
```
#d6ca7a rgb(214,202,122)
```
#dccf74
```
#dccf74 rgb(220,207,116)
```
#e3d46d
```
#e3d46d rgb(227,212,109)
```
#ead966
```
#ead966 rgb(234,217,102)
```
#f1dd5f
```
#f1dd5f rgb(241,221,95)
```
#f7e259
```
#f7e259 rgb(247,226,89)
```
#fee752
```
#fee752 rgb(254,231,82)
```

Tone Color Variation

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

#c3b899 Protanopia 1% of men
#d4b29c Deuteranopia 1% of men
#c4b4c1 Tritanopia 0.001% of the population

Trichromacy

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

#bbb695 hex color

#bbb695 Color Information

#bbb695 Color Conversion

Color Schemes with #bbb695

Alternatives to #bbb695

#bbb695 Preview

Shades and Tints of #bbb695

Tones of #bbb695

Color Blindness Simulator