#b4bb86 hex color

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

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

● #b4bb86 color description : Slightly desaturated yellow.

The hexadecimal color #b4bb86 has RGB values of R:180, G:187, B:134 and CMYK values of C:0.04, M:0, Y:0.28, K:0.27. Its decimal value is 11844486.

Hex triplet	b4bb86	`#b4bb86`
RGB Decimal	180, 187, 134	`rgb(180,187,134)`
RGB Percent	70.6, 73.3, 52.5	`rgb(70.6%,73.3%,52.5%)`
CMYK	4, 0, 28, 27
HSL	67.9°, 28, 62.9	`hsl(67.9,28%,62.9%)`
HSV (or HSB)	67.9°, 28.3, 73.3
Web Safe	cccc99	`#cccc99`

CIE-LAB	74.168, -11.185, 26.099
XYZ	40.895, 46.965, 29.464
xyY	0.349, 0.4, 46.965
CIE-LCH	74.168, 28.395, 113.198
CIE-LUV	74.168, -1.587, 37.242
Hunter-Lab	68.531, -13.412, 22.481
Binary	10110100, 10111011, 10000110

#b4bb86
```
#b4bb86 rgb(180,187,134)
```
#8d86bb
```
#8d86bb rgb(141,134,187)
```

Complementary Color

#bba886
```
#bba886 rgb(187,168,134)
```
#b4bb86
```
#b4bb86 rgb(180,187,134)
```
#9abb86
```
#9abb86 rgb(154,187,134)
```

Analogous Color

#a886bb
```
#a886bb rgb(168,134,187)
```
#b4bb86
```
#b4bb86 rgb(180,187,134)
```
#869abb
```
#869abb rgb(134,154,187)
```

Split Complementary Color

#bb86b4
```
#bb86b4 rgb(187,134,180)
```
#b4bb86
```
#b4bb86 rgb(180,187,134)
```
#86b4bb
```
#86b4bb rgb(134,180,187)
```

Triadic Color

#bb8d86
```
#bb8d86 rgb(187,141,134)
```
#b4bb86
```
#b4bb86 rgb(180,187,134)
```
#86b4bb
```
#86b4bb rgb(134,180,187)
```
#8d86bb
```
#8d86bb rgb(141,134,187)
```

Tetradic Color

#939d58
```
#939d58 rgb(147,157,88)
```
#a0a965
```
#a0a965 rgb(160,169,101)
```
#aab276
```
#aab276 rgb(170,178,118)
```
#b4bb86
```
#b4bb86 rgb(180,187,134)
```
#bec496
```
#bec496 rgb(190,196,150)
```
#c8cda7
```
#c8cda7 rgb(200,205,167)
```
#d2d7b7
```
#d2d7b7 rgb(210,215,183)
```

Monochromatic Color

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

#bbb586
```
#bbb586 rgb(187,181,134)
```
#bbb986
```
#bbb986 rgb(187,185,134)
```
#b8bb86
```
#b8bb86 rgb(184,187,134)
```
#b4bb86
```
#b4bb86 rgb(180,187,134)
```
#b0bb86
```
#b0bb86 rgb(176,187,134)
```
#abbb86
```
#abbb86 rgb(171,187,134)
```
#a7bb86
```
#a7bb86 rgb(167,187,134)
```

Similar Colors

Text with hexadecimal color #b4bb86

This text has a font color of #b4bb86.

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

#b4bb86 background color

This paragraph has a background color of #b4bb86.

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

#b4bb86 border color

This element has a border color of #b4bb86.

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

CSS codes

.text {color:#b4bb86;}

.background {background-color:#b4bb86;}

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

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

#040503
```
#040503 rgb(4,5,3)
```
#10110a
```
#10110a rgb(16,17,10)
```
#1c1e11
```
#1c1e11 rgb(28,30,17)
```
#282a18
```
#282a18 rgb(40,42,24)
```
#34371f
```
#34371f rgb(52,55,31)
```
#3f4326
```
#3f4326 rgb(63,67,38)
```
#4b502d
```
#4b502d rgb(75,80,45)
```
#575c34
```
#575c34 rgb(87,92,52)
```
#63693b
```
#63693b rgb(99,105,59)
```
#6f7642
```
#6f7642 rgb(111,118,66)
```
#7b8249
```
#7b8249 rgb(123,130,73)
```
#868f50
```
#868f50 rgb(134,143,80)
```
#929b57
```
#929b57 rgb(146,155,87)
```

Shade Color Variation

#9da660
```
#9da660 rgb(157,166,96)
```
#a4ad6d
```
#a4ad6d rgb(164,173,109)
```
#acb479
```
#acb479 rgb(172,180,121)
```
#b4bb86
```
#b4bb86 rgb(180,187,134)
```
#bcc293
```
#bcc293 rgb(188,194,147)
```
#c4c99f
```
#c4c99f rgb(196,201,159)
```
#cbd0ac
```
#cbd0ac rgb(203,208,172)
```
#d3d7b8
```
#d3d7b8 rgb(211,215,184)
```
#dbdec5
```
#dbdec5 rgb(219,222,197)
```
#e3e5d1
```
#e3e5d1 rgb(227,229,209)
```
#eaecde
```
#eaecde rgb(234,236,222)
```
#f2f3ea
```
#f2f3ea rgb(242,243,234)
```
#fafbf7
```
#fafbf7 rgb(250,251,247)
```

Tint Color Variation

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

#a4a59c
```
#a4a59c rgb(164,165,156)
```
#a9ac95
```
#a9ac95 rgb(169,172,149)
```
#afb48d
```
#afb48d rgb(175,180,141)
```
#b4bb86
```
#b4bb86 rgb(180,187,134)
```
#b9c27f
```
#b9c27f rgb(185,194,127)
```
#bfca77
```
#bfca77 rgb(191,202,119)
```
#c4d170
```
#c4d170 rgb(196,209,112)
```
#c9d869
```
#c9d869 rgb(201,216,105)
```
#cfdf62
```
#cfdf62 rgb(207,223,98)
```
#d4e75a
```
#d4e75a rgb(212,231,90)
```
#d9ee53
```
#d9ee53 rgb(217,238,83)
```
#dff54c
```
#dff54c rgb(223,245,76)
```
#e4fc45
```
#e4fc45 rgb(228,252,69)
```

Tone Color Variation

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

#b3b3b3 Achromatopsia 0.005% of the population
#b3b5aa Atypical Achromatopsia 0.001% of the population

Dichromacy

#c7b98a Protanopia 1% of men
#d9b38f Deuteranopia 1% of men
#c0b7c4 Tritanopia 0.001% of the population

Trichromacy

#c0ba88 Protanomaly 1% of men, 0.01% of women
#cbb58c Deuteranomaly 6% of men, 0.4% of women
#bbb8ad Tritanomaly 0.01% of the population

#b4bb86 hex color

#b4bb86 Color Information

#b4bb86 Color Conversion

Color Schemes with #b4bb86

Alternatives to #b4bb86

#b4bb86 Preview

Shades and Tints of #b4bb86

Tones of #b4bb86

Color Blindness Simulator