#bbb986 hex color

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

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

● #bbb986 color description : Slightly desaturated yellow.

The hexadecimal color #bbb986 has RGB values of R:187, G:185, B:134 and CMYK values of C:0, M:0.01, Y:0.28, K:0.27. Its decimal value is 12302726.

Hex triplet	bbb986	`#bbb986`
RGB Decimal	187, 185, 134	`rgb(187,185,134)`
RGB Percent	73.3, 72.5, 52.5	`rgb(73.3%,72.5%,52.5%)`
CMYK	0, 1, 28, 27
HSL	57.7°, 28, 62.9	`hsl(57.7,28%,62.9%)`
HSV (or HSB)	57.7°, 28.3, 73.3
Web Safe	cccc99	`#cccc99`

CIE-LAB	74.18, -7.43, 26.211
XYZ	42.145, 46.984, 29.402
xyY	0.356, 0.396, 46.984
CIE-LCH	74.18, 27.244, 105.827
CIE-LUV	74.18, 3.88, 36.656
Hunter-Lab	68.545, -10.204, 22.55
Binary	10111011, 10111001, 10000110

#bbb986
```
#bbb986 rgb(187,185,134)
```
#8688bb
```
#8688bb rgb(134,136,187)
```

Complementary Color

#bb9f86
```
#bb9f86 rgb(187,159,134)
```
#bbb986
```
#bbb986 rgb(187,185,134)
```
#a3bb86
```
#a3bb86 rgb(163,187,134)
```

Analogous Color

#9f86bb
```
#9f86bb rgb(159,134,187)
```
#bbb986
```
#bbb986 rgb(187,185,134)
```
#86a3bb
```
#86a3bb rgb(134,163,187)
```

Split Complementary Color

#b986bb
```
#b986bb rgb(185,134,187)
```
#bbb986
```
#bbb986 rgb(187,185,134)
```
#86bbb9
```
#86bbb9 rgb(134,187,185)
```

Triadic Color

#bb8688
```
#bb8688 rgb(187,134,136)
```
#bbb986
```
#bbb986 rgb(187,185,134)
```
#86bbb9
```
#86bbb9 rgb(134,187,185)
```
#8688bb
```
#8688bb rgb(134,136,187)
```

Tetradic Color

#9d9a58
```
#9d9a58 rgb(157,154,88)
```
#a9a665
```
#a9a665 rgb(169,166,101)
```
#b2b076
```
#b2b076 rgb(178,176,118)
```
#bbb986
```
#bbb986 rgb(187,185,134)
```
#c4c296
```
#c4c296 rgb(196,194,150)
```
#cdcca7
```
#cdcca7 rgb(205,204,167)
```
#d7d5b7
```
#d7d5b7 rgb(215,213,183)
```

Monochromatic Color

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

#bbac86
```
#bbac86 rgb(187,172,134)
```
#bbb086
```
#bbb086 rgb(187,176,134)
```
#bbb586
```
#bbb586 rgb(187,181,134)
```
#bbb986
```
#bbb986 rgb(187,185,134)
```
#b9bb86
```
#b9bb86 rgb(185,187,134)
```
#b4bb86
```
#b4bb86 rgb(180,187,134)
```
#b0bb86
```
#b0bb86 rgb(176,187,134)
```

Similar Colors

Text with hexadecimal color #bbb986

This text has a font color of #bbb986.

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

#bbb986 background color

This paragraph has a background color of #bbb986.

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

#bbb986 border color

This element has a border color of #bbb986.

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

CSS codes

.text {color:#bbb986;}

.background {background-color:#bbb986;}

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

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

#050503
```
#050503 rgb(5,5,3)
```
#11110a
```
#11110a rgb(17,17,10)
```
#1e1d11
```
#1e1d11 rgb(30,29,17)
```
#2a2a18
```
#2a2a18 rgb(42,42,24)
```
#37361f
```
#37361f rgb(55,54,31)
```
#434226
```
#434226 rgb(67,66,38)
```
#504f2d
```
#504f2d rgb(80,79,45)
```
#5c5b34
```
#5c5b34 rgb(92,91,52)
```
#69673b
```
#69673b rgb(105,103,59)
```
#767442
```
#767442 rgb(118,116,66)
```
#828049
```
#828049 rgb(130,128,73)
```
#8f8c50
```
#8f8c50 rgb(143,140,80)
```
#9b9957
```
#9b9957 rgb(155,153,87)
```

Shade Color Variation

#a6a360
```
#a6a360 rgb(166,163,96)
```
#adaa6d
```
#adaa6d rgb(173,170,109)
```
#b4b279
```
#b4b279 rgb(180,178,121)
```
#bbb986
```
#bbb986 rgb(187,185,134)
```
#c2c093
```
#c2c093 rgb(194,192,147)
```
#c9c89f
```
#c9c89f rgb(201,200,159)
```
#d0cfac
```
#d0cfac rgb(208,207,172)
```
#d7d6b8
```
#d7d6b8 rgb(215,214,184)
```
#deddc5
```
#deddc5 rgb(222,221,197)
```
#e5e5d1
```
#e5e5d1 rgb(229,229,209)
```
#ececde
```
#ececde rgb(236,236,222)
```
#f3f3ea
```
#f3f3ea rgb(243,243,234)
```
#fbfaf7
```
#fbfaf7 rgb(251,250,247)
```

Tint Color Variation

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

#a5a59c
```
#a5a59c rgb(165,165,156)
```
#acac95
```
#acac95 rgb(172,172,149)
```
#b4b28d
```
#b4b28d rgb(180,178,141)
```
#bbb986
```
#bbb986 rgb(187,185,134)
```
#c2c07f
```
#c2c07f rgb(194,192,127)
```
#cac677
```
#cac677 rgb(202,198,119)
```
#d1cd70
```
#d1cd70 rgb(209,205,112)
```
#d8d469
```
#d8d469 rgb(216,212,105)
```
#dfdb62
```
#dfdb62 rgb(223,219,98)
```
#e7e15a
```
#e7e15a rgb(231,225,90)
```
#eee853
```
#eee853 rgb(238,232,83)
```
#f5ef4c
```
#f5ef4c rgb(245,239,76)
```
#fcf545
```
#fcf545 rgb(252,245,69)
```

Tone Color Variation

Below, you can see how #bbb986 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
#b5b5ab Atypical Achromatopsia 0.001% of the population

Dichromacy

#c7b98b Protanopia 1% of men
#d9b38f Deuteranopia 1% of men
#c6b5c2 Tritanopia 0.001% of the population

Trichromacy

#c2b989 Protanomaly 1% of men, 0.01% of women
#ceb58b Deuteranomaly 6% of men, 0.4% of women
#c2b6ac Tritanomaly 0.01% of the population

#bbb986 hex color

#bbb986 Color Information

#bbb986 Color Conversion

Color Schemes with #bbb986

Alternatives to #bbb986

#bbb986 Preview

Shades and Tints of #bbb986

Tones of #bbb986

Color Blindness Simulator