#b2bb6f hex color

In a RGB color space, hex #b2bb6f is composed of 69.8% red, 73.3% green and 43.5% blue. Whereas in a CMYK color space, it is composed of 4.8% cyan, 0% magenta, 40.6% yellow and 26.7% black. It has a hue angle of 67.1 degrees, a saturation of 35.8% and a lightness of 58.4%. #b2bb6f color hex could be obtained by blending #ffffde with #657700. Closest websafe color is: #99cc66.

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

● #b2bb6f color description : Slightly desaturated yellow.

The hexadecimal color #b2bb6f has RGB values of R:178, G:187, B:111 and CMYK values of C:0.05, M:0, Y:0.41, K:0.27. Its decimal value is 11713391.

Hex triplet	b2bb6f	`#b2bb6f`
RGB Decimal	178, 187, 111	`rgb(178,187,111)`
RGB Percent	69.8, 73.3, 43.5	`rgb(69.8%,73.3%,43.5%)`
CMYK	5, 0, 41, 27
HSL	67.1°, 35.8, 58.4	`hsl(67.1,35.8%,58.4%)`
HSV (or HSB)	67.1°, 40.6, 73.3
Web Safe	99cc66	`#99cc66`

CIE-LAB	73.645, -14.858, 37.393
XYZ	38.999, 46.153, 21.892
xyY	0.364, 0.431, 46.153
CIE-LCH	73.645, 40.237, 111.67
CIE-LUV	73.645, -2.015, 50.607
Hunter-Lab	67.936, -16.42, 28.45
Binary	10110010, 10111011, 01101111

#b2bb6f
```
#b2bb6f rgb(178,187,111)
```
#786fbb
```
#786fbb rgb(120,111,187)
```

Complementary Color

#bb9e6f
```
#bb9e6f rgb(187,158,111)
```
#b2bb6f
```
#b2bb6f rgb(178,187,111)
```
#8cbb6f
```
#8cbb6f rgb(140,187,111)
```

Analogous Color

#9e6fbb
```
#9e6fbb rgb(158,111,187)
```
#b2bb6f
```
#b2bb6f rgb(178,187,111)
```
#6f8cbb
```
#6f8cbb rgb(111,140,187)
```

Split Complementary Color

#bb6fb2
```
#bb6fb2 rgb(187,111,178)
```
#b2bb6f
```
#b2bb6f rgb(178,187,111)
```
#6fb2bb
```
#6fb2bb rgb(111,178,187)
```

Triadic Color

#bb786f
```
#bb786f rgb(187,120,111)
```
#b2bb6f
```
#b2bb6f rgb(178,187,111)
```
#6fb2bb
```
#6fb2bb rgb(111,178,187)
```
#786fbb
```
#786fbb rgb(120,111,187)
```

Tetradic Color

#8d9647
```
#8d9647 rgb(141,150,71)
```
#9da84f
```
#9da84f rgb(157,168,79)
```
#a9b35e
```
#a9b35e rgb(169,179,94)
```
#b2bb6f
```
#b2bb6f rgb(178,187,111)
```
#bbc380
```
#bbc380 rgb(187,195,128)
```
#c5cb92
```
#c5cb92 rgb(197,203,146)
```
#ced4a3
```
#ced4a3 rgb(206,212,163)
```

Monochromatic Color

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

#bbb16f
```
#bbb16f rgb(187,177,111)
```
#bbb76f
```
#bbb76f rgb(187,183,111)
```
#b8bb6f
```
#b8bb6f rgb(184,187,111)
```
#b2bb6f
```
#b2bb6f rgb(178,187,111)
```
#acbb6f
```
#acbb6f rgb(172,187,111)
```
#a5bb6f
```
#a5bb6f rgb(165,187,111)
```
#9fbb6f
```
#9fbb6f rgb(159,187,111)
```

Similar Colors

Text with hexadecimal color #b2bb6f

This text has a font color of #b2bb6f.

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

#b2bb6f background color

This paragraph has a background color of #b2bb6f.

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

#b2bb6f border color

This element has a border color of #b2bb6f.

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

CSS codes

.text {color:#b2bb6f;}

.background {background-color:#b2bb6f;}

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

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

#020301
```
#020301 rgb(2,3,1)
```
#0f1008
```
#0f1008 rgb(15,16,8)
```
#1b1d0e
```
#1b1d0e rgb(27,29,14)
```
#282b14
```
#282b14 rgb(40,43,20)
```
#34381a
```
#34381a rgb(52,56,26)
```
#414521
```
#414521 rgb(65,69,33)
```
#4d5327
```
#4d5327 rgb(77,83,39)
```
#5a602d
```
#5a602d rgb(90,96,45)
```
#666d34
```
#666d34 rgb(102,109,52)
```
#737a3a
```
#737a3a rgb(115,122,58)
```
#7f8840
```
#7f8840 rgb(127,136,64)
```
#8c9546
```
#8c9546 rgb(140,149,70)
```
#98a24d
```
#98a24d rgb(152,162,77)
```

Shade Color Variation

#a4ae54
```
#a4ae54 rgb(164,174,84)
```
#abb562
```
#abb562 rgb(171,181,98)
```
#b2bb6f
```
#b2bb6f rgb(178,187,111)
```
#b9c17c
```
#b9c17c rgb(185,193,124)
```
#c0c88a
```
#c0c88a rgb(192,200,138)
```
#c7ce97
```
#c7ce97 rgb(199,206,151)
```
#ced4a4
```
#ced4a4 rgb(206,212,164)
```
#d6dab2
```
#d6dab2 rgb(214,218,178)
```
#dde1bf
```
#dde1bf rgb(221,225,191)
```
#e4e7cc
```
#e4e7cc rgb(228,231,204)
```
#ebedda
```
#ebedda rgb(235,237,218)
```
#f2f4e7
```
#f2f4e7 rgb(242,244,231)
```
#f9faf4
```
#f9faf4 rgb(249,250,244)
```

Tint Color Variation

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

#999a90
```
#999a90 rgb(153,154,144)
```
#9fa387
```
#9fa387 rgb(159,163,135)
```
#a6ab7f
```
#a6ab7f rgb(166,171,127)
```
#acb377
```
#acb377 rgb(172,179,119)
```
#b2bb6f
```
#b2bb6f rgb(178,187,111)
```
#b8c367
```
#b8c367 rgb(184,195,103)
```
#becb5f
```
#becb5f rgb(190,203,95)
```
#c5d357
```
#c5d357 rgb(197,211,87)
```
#cbdc4e
```
#cbdc4e rgb(203,220,78)
```
#d1e446
```
#d1e446 rgb(209,228,70)
```
#d7ec3e
```
#d7ec3e rgb(215,236,62)
```
#def436
```
#def436 rgb(222,244,54)
```
#e4fc2e
```
#e4fc2e rgb(228,252,46)
```

Tone Color Variation

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

Dichromacy

#c9b874 Protanopia 1% of men
#dcb17a Deuteranopia 1% of men
#c0b5c2 Tritanopia 0.001% of the population

Trichromacy

#c0b972 Protanomaly 1% of men, 0.01% of women
#cdb476 Deuteranomaly 6% of men, 0.4% of women
#bbb7a3 Tritanomaly 0.01% of the population

#b2bb6f hex color

#b2bb6f Color Information

#b2bb6f Color Conversion

Color Schemes with #b2bb6f

Alternatives to #b2bb6f

#b2bb6f Preview

Shades and Tints of #b2bb6f

Tones of #b2bb6f

Color Blindness Simulator