colorhexa.com

#b2bb80 hex color

In a RGB color space, hex #b2bb80 is composed of 69.8% red, 73.3% green and 50.2% blue. Whereas in a CMYK color space, it is composed of 4.8% cyan, 0% magenta, 31.6% yellow and 26.7% black. It has a hue angle of 69.2 degrees, a saturation of 30.3% and a lightness of 61.8%. #b2bb80 color hex could be obtained by blending #ffffff with #657701. Closest websafe color is: #99cc99.

- R 70
- G 73
- B 50
RGB color chart
- C 5
- M 0
- Y 32
- K 27
CMYK color chart

● #b2bb80 color description : Slightly desaturated yellow.

The hexadecimal color #b2bb80 has RGB values of R:178, G:187, B:128 and CMYK values of C:0.05, M:0, Y:0.32, K:0.27. Its decimal value is 11713408.

Hex triplet	b2bb80	`#b2bb80`
RGB Decimal	178, 187, 128	`rgb(178,187,128)`
RGB Percent	69.8, 73.3, 50.2	`rgb(69.8%,73.3%,50.2%)`
CMYK	5, 0, 32, 27
HSL	69.2°, 30.3, 61.8	`hsl(69.2,30.3%,61.8%)`
HSV (or HSB)	69.2°, 31.6, 73.3
Web Safe	99cc99	`#99cc99`

CIE-LAB	73.91, -12.768, 28.903
XYZ	40.026, 46.564, 27.3
xyY	0.351, 0.409, 46.564
CIE-LCH	73.91, 31.598, 113.834
CIE-LUV	73.91, -2.579, 40.827
Hunter-Lab	68.238, -14.715, 24.046
Binary	10110010, 10111011, 10000000

#b2bb80
```
#b2bb80 rgb(178,187,128)
```
#8980bb
```
#8980bb rgb(137,128,187)
```

Complementary Color

#bba780
```
#bba780 rgb(187,167,128)
```
#b2bb80
```
#b2bb80 rgb(178,187,128)
```
#95bb80
```
#95bb80 rgb(149,187,128)
```

Analogous Color

#a780bb
```
#a780bb rgb(167,128,187)
```
#b2bb80
```
#b2bb80 rgb(178,187,128)
```
#8095bb
```
#8095bb rgb(128,149,187)
```

Split Complementary Color

#bb80b2
```
#bb80b2 rgb(187,128,178)
```
#b2bb80
```
#b2bb80 rgb(178,187,128)
```
#80b2bb
```
#80b2bb rgb(128,178,187)
```

Triadic Color

#bb8980
```
#bb8980 rgb(187,137,128)
```
#b2bb80
```
#b2bb80 rgb(178,187,128)
```
#80b2bb
```
#80b2bb rgb(128,178,187)
```
#8980bb
```
#8980bb rgb(137,128,187)
```

Tetradic Color

#909b53
```
#909b53 rgb(144,155,83)
```
#9ea95f
```
#9ea95f rgb(158,169,95)
```
#a8b26f
```
#a8b26f rgb(168,178,111)
```
#b2bb80
```
#b2bb80 rgb(178,187,128)
```
#bcc491
```
#bcc491 rgb(188,196,145)
```
#c6cda1
```
#c6cda1 rgb(198,205,161)
```
#d0d6b2
```
#d0d6b2 rgb(208,214,178)
```

Monochromatic Color

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

#bbb580
```
#bbb580 rgb(187,181,128)
```
#bbba80
```
#bbba80 rgb(187,186,128)
```
#b7bb80
```
#b7bb80 rgb(183,187,128)
```
#b2bb80
```
#b2bb80 rgb(178,187,128)
```
#adbb80
```
#adbb80 rgb(173,187,128)
```
#a8bb80
```
#a8bb80 rgb(168,187,128)
```
#a3bb80
```
#a3bb80 rgb(163,187,128)
```

Similar Colors

Text with hexadecimal color #b2bb80

This text has a font color of #b2bb80.

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

#b2bb80 background color

This paragraph has a background color of #b2bb80.

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

#b2bb80 border color

This element has a border color of #b2bb80.

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

CSS codes

.text {color:#b2bb80;}

.background {background-color:#b2bb80;}

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

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

#010100
```
#010100 rgb(1,1,0)
```
#0d0e07
```
#0d0e07 rgb(13,14,7)
```
#181a0e
```
#181a0e rgb(24,26,14)
```
#242715
```
#242715 rgb(36,39,21)
```
#30341c
```
#30341c rgb(48,52,28)
```
#3c4123
```
#3c4123 rgb(60,65,35)
```
#484d29
```
#484d29 rgb(72,77,41)
```
#545a30
```
#545a30 rgb(84,90,48)
```
#606737
```
#606737 rgb(96,103,55)
```
#6c743e
```
#6c743e rgb(108,116,62)
```
#778145
```
#778145 rgb(119,129,69)
```
#838d4c
```
#838d4c rgb(131,141,76)
```
#8f9a52
```
#8f9a52 rgb(143,154,82)
```

Shade Color Variation

#9ba65a
```
#9ba65a rgb(155,166,90)
```
#a3ad66
```
#a3ad66 rgb(163,173,102)
```
#aab473
```
#aab473 rgb(170,180,115)
```
#b2bb80
```
#b2bb80 rgb(178,187,128)
```
#bac28d
```
#bac28d rgb(186,194,141)
```
#c1c99a
```
#c1c99a rgb(193,201,154)
```
#c9d0a6
```
#c9d0a6 rgb(201,208,166)
```
#d1d6b3
```
#d1d6b3 rgb(209,214,179)
```
#d9ddc0
```
#d9ddc0 rgb(217,221,192)
```
#e0e4cd
```
#e0e4cd rgb(224,228,205)
```
#e8ebd9
```
#e8ebd9 rgb(232,235,217)
```
#f0f2e6
```
#f0f2e6 rgb(240,242,230)
```
#f8f9f3
```
#f8f9f3 rgb(248,249,243)
```

Tint Color Variation

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

#a2a597
```
#a2a597 rgb(162,165,151)
```
#a8ac8f
```
#a8ac8f rgb(168,172,143)
```
#adb488
```
#adb488 rgb(173,180,136)
```
#b2bb80
```
#b2bb80 rgb(178,187,128)
```
#b7c379
```
#b7c379 rgb(183,195,121)
```
#bcca71
```
#bcca71 rgb(188,202,113)
```
#c2d26a
```
#c2d26a rgb(194,210,106)
```
#c7d962
```
#c7d962 rgb(199,217,98)
```
#cce15b
```
#cce15b rgb(204,225,91)
```
#d1e853
```
#d1e853 rgb(209,232,83)
```
#d6f04c
```
#d6f04c rgb(214,240,76)
```
#dcf744
```
#dcf744 rgb(220,247,68)
```
#e1ff3d
```
#e1ff3d rgb(225,255,61)
```

Tone Color Variation

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

#b2b2b2 Achromatopsia 0.005% of the population
#b2b4a8 Atypical Achromatopsia 0.001% of the population

Dichromacy

#c7b984 Protanopia 1% of men
#dab28a Deuteranopia 1% of men
#bfb6c3 Tritanopia 0.001% of the population

Trichromacy

#bfb982 Protanomaly 1% of men, 0.01% of women
#cbb586 Deuteranomaly 6% of men, 0.4% of women
#bab8ab Tritanomaly 0.01% of the population