#b2bb76 hex color

In a RGB color space, hex #b2bb76 is composed of 69.8% red, 73.3% green and 46.3% blue. Whereas in a CMYK color space, it is composed of 4.8% cyan, 0% magenta, 36.9% yellow and 26.7% black. It has a hue angle of 67.8 degrees, a saturation of 33.7% and a lightness of 59.8%. #b2bb76 color hex could be obtained by blending #ffffec with #657700. Closest websafe color is: #99cc66.

♥
- f
- t
- g
- R 70
- G 73
- B 46
RGB color chart
- C 5
- M 0
- Y 37
- K 27
CMYK color chart

● #b2bb76 color description : Slightly desaturated yellow.

The hexadecimal color #b2bb76 has RGB values of R:178, G:187, B:118 and CMYK values of C:0.05, M:0, Y:0.37, K:0.27. Its decimal value is 11713398.

Hex triplet	b2bb76	`#b2bb76`
RGB Decimal	178, 187, 118	`rgb(178,187,118)`
RGB Percent	69.8, 73.3, 46.3	`rgb(69.8%,73.3%,46.3%)`
CMYK	5, 0, 37, 27
HSL	67.8°, 33.7, 59.8	`hsl(67.8,33.7%,59.8%)`
HSV (or HSB)	67.8°, 36.9, 73.3
Web Safe	99cc66	`#99cc66`

CIE-LAB	73.749, -14.037, 33.922
XYZ	39.4, 46.314, 24.002
xyY	0.359, 0.422, 46.314
CIE-LCH	73.749, 36.712, 112.48
CIE-LUV	73.749, -2.239, 46.731
Hunter-Lab	68.054, -15.753, 26.727
Binary	10110010, 10111011, 01110110

#b2bb76
```
#b2bb76 rgb(178,187,118)
```
#7f76bb
```
#7f76bb rgb(127,118,187)
```

Complementary Color

#bba276
```
#bba276 rgb(187,162,118)
```
#b2bb76
```
#b2bb76 rgb(178,187,118)
```
#90bb76
```
#90bb76 rgb(144,187,118)
```

Analogous Color

#a276bb
```
#a276bb rgb(162,118,187)
```
#b2bb76
```
#b2bb76 rgb(178,187,118)
```
#7690bb
```
#7690bb rgb(118,144,187)
```

Split Complementary Color

#bb76b2
```
#bb76b2 rgb(187,118,178)
```
#b2bb76
```
#b2bb76 rgb(178,187,118)
```
#76b2bb
```
#76b2bb rgb(118,178,187)
```

Triadic Color

#bb7f76
```
#bb7f76 rgb(187,127,118)
```
#b2bb76
```
#b2bb76 rgb(178,187,118)
```
#76b2bb
```
#76b2bb rgb(118,178,187)
```
#7f76bb
```
#7f76bb rgb(127,118,187)
```

Tetradic Color

#8f994c
```
#8f994c rgb(143,153,76)
```
#9faa54
```
#9faa54 rgb(159,170,84)
```
#a8b365
```
#a8b365 rgb(168,179,101)
```
#b2bb76
```
#b2bb76 rgb(178,187,118)
```
#bcc387
```
#bcc387 rgb(188,195,135)
```
#c5cc98
```
#c5cc98 rgb(197,204,152)
```
#cfd4a9
```
#cfd4a9 rgb(207,212,169)
```

Monochromatic Color

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

#bbb376
```
#bbb376 rgb(187,179,118)
```
#bbb976
```
#bbb976 rgb(187,185,118)
```
#b8bb76
```
#b8bb76 rgb(184,187,118)
```
#b2bb76
```
#b2bb76 rgb(178,187,118)
```
#acbb76
```
#acbb76 rgb(172,187,118)
```
#a7bb76
```
#a7bb76 rgb(167,187,118)
```
#a1bb76
```
#a1bb76 rgb(161,187,118)
```

Similar Colors

Text with hexadecimal color #b2bb76

This text has a font color of #b2bb76.

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

#b2bb76 background color

This paragraph has a background color of #b2bb76.

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

#b2bb76 border color

This element has a border color of #b2bb76.

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

CSS codes

.text {color:#b2bb76;}

.background {background-color:#b2bb76;}

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

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

#070704
```
#070704 rgb(7,7,4)
```
#13140a
```
#13140a rgb(19,20,10)
```
#1f2111
```
#1f2111 rgb(31,33,17)
```
#2b2f17
```
#2b2f17 rgb(43,47,23)
```
#383c1e
```
#383c1e rgb(56,60,30)
```
#444924
```
#444924 rgb(68,73,36)
```
#50562b
```
#50562b rgb(80,86,43)
```
#5c6331
```
#5c6331 rgb(92,99,49)
```
#697038
```
#697038 rgb(105,112,56)
```
#757d3e
```
#757d3e rgb(117,125,62)
```
#818a45
```
#818a45 rgb(129,138,69)
```
#8d974b
```
#8d974b rgb(141,151,75)
```
#9aa552
```
#9aa552 rgb(154,165,82)
```

Shade Color Variation

#a3ae5c
```
#a3ae5c rgb(163,174,92)
```
#abb469
```
#abb469 rgb(171,180,105)
```
#b2bb76
```
#b2bb76 rgb(178,187,118)
```
#b9c283
```
#b9c283 rgb(185,194,131)
```
#c1c890
```
#c1c890 rgb(193,200,144)
```
#c8cf9d
```
#c8cf9d rgb(200,207,157)
```
#cfd5aa
```
#cfd5aa rgb(207,213,170)
```
#d7dcb8
```
#d7dcb8 rgb(215,220,184)
```
#dee2c5
```
#dee2c5 rgb(222,226,197)
```
#e6e9d2
```
#e6e9d2 rgb(230,233,210)
```
#edefdf
```
#edefdf rgb(237,239,223)
```
#f4f6ec
```
#f4f6ec rgb(244,246,236)
```
#fcfcf9
```
#fcfcf9 rgb(252,252,249)
```

Tint Color Variation

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

#9b9b96
```
#9b9b96 rgb(155,155,150)
```
#a1a38e
```
#a1a38e rgb(161,163,142)
```
#a6ab86
```
#a6ab86 rgb(166,171,134)
```
#acb37e
```
#acb37e rgb(172,179,126)
```
#b2bb76
```
#b2bb76 rgb(178,187,118)
```
#b8c36e
```
#b8c36e rgb(184,195,110)
```
#becb66
```
#becb66 rgb(190,203,102)
```
#c3d35e
```
#c3d35e rgb(195,211,94)
```
#c9db56
```
#c9db56 rgb(201,219,86)
```
#cfe24f
```
#cfe24f rgb(207,226,79)
```
#d5ea47
```
#d5ea47 rgb(213,234,71)
```
#dbf23f
```
#dbf23f rgb(219,242,63)
```
#e1fa37
```
#e1fa37 rgb(225,250,55)
```

Tone Color Variation

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

#b0b0b0 Achromatopsia 0.005% of the population
#b0b2a4 Atypical Achromatopsia 0.001% of the population

Dichromacy

#c8b87b Protanopia 1% of men
#dbb181 Deuteranopia 1% of men
#bfb5c2 Tritanopia 0.001% of the population

Trichromacy

#c0b979 Protanomaly 1% of men, 0.01% of women
#ccb57d Deuteranomaly 6% of men, 0.4% of women
#bab7a6 Tritanomaly 0.01% of the population

#b2bb76 hex color

#b2bb76 Color Information

#b2bb76 Color Conversion

Color Schemes with #b2bb76

Alternatives to #b2bb76

#b2bb76 Preview

Shades and Tints of #b2bb76

Tones of #b2bb76

Color Blindness Simulator