#b2bba8 hex color

In a RGB color space, hex #b2bba8 is composed of 69.8% red, 73.3% green and 65.9% blue. Whereas in a CMYK color space, it is composed of 4.8% cyan, 0% magenta, 10.2% yellow and 26.7% black. It has a hue angle of 88.4 degrees, a saturation of 12.3% and a lightness of 69.6%. #b2bba8 color hex could be obtained by blending #ffffff with #657751. Closest websafe color is: #99cc99.

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

● #b2bba8 color description : Grayish green.

The hexadecimal color #b2bba8 has RGB values of R:178, G:187, B:168 and CMYK values of C:0.05, M:0, Y:0.1, K:0.27. Its decimal value is 11713448.

Hex triplet	b2bba8	`#b2bba8`
RGB Decimal	178, 187, 168	`rgb(178,187,168)`
RGB Percent	69.8, 73.3, 65.9	`rgb(69.8%,73.3%,65.9%)`
CMYK	5, 0, 10, 27
HSL	88.4°, 12.3, 69.6	`hsl(88.4,12.3%,69.6%)`
HSV (or HSB)	88.4°, 10.2, 73.3
Web Safe	99cc99	`#99cc99`

CIE-LAB	74.719, -6.609, 8.548
XYZ	43.197, 47.833, 44.001
xyY	0.32, 0.354, 47.833
CIE-LCH	74.719, 10.805, 127.71
CIE-LUV	74.719, -4.158, 13.509
Hunter-Lab	69.161, -9.544, 10.692
Binary	10110010, 10111011, 10101000

#b2bba8
```
#b2bba8 rgb(178,187,168)
```
#b1a8bb
```
#b1a8bb rgb(177,168,187)
```

Complementary Color

#bbbba8
```
#bbbba8 rgb(187,187,168)
```
#b2bba8
```
#b2bba8 rgb(178,187,168)
```
#a9bba8
```
#a9bba8 rgb(169,187,168)
```

Analogous Color

#bba8bb
```
#bba8bb rgb(187,168,187)
```
#b2bba8
```
#b2bba8 rgb(178,187,168)
```
#a8a9bb
```
#a8a9bb rgb(168,169,187)
```

Split Complementary Color

#bba8b2
```
#bba8b2 rgb(187,168,178)
```
#b2bba8
```
#b2bba8 rgb(178,187,168)
```
#a8b2bb
```
#a8b2bb rgb(168,178,187)
```

Triadic Color

#bbb1a8
```
#bbb1a8 rgb(187,177,168)
```
#b2bba8
```
#b2bba8 rgb(178,187,168)
```
#a8b2bb
```
#a8b2bb rgb(168,178,187)
```
#b1a8bb
```
#b1a8bb rgb(177,168,187)
```

Tetradic Color

#8c997d
```
#8c997d rgb(140,153,125)
```
#99a58b
```
#99a58b rgb(153,165,139)
```
#a5b09a
```
#a5b09a rgb(165,176,154)
```
#b2bba8
```
#b2bba8 rgb(178,187,168)
```
#bfc6b6
```
#bfc6b6 rgb(191,198,182)
```
#cbd1c5
```
#cbd1c5 rgb(203,209,197)
```
#d8ddd3
```
#d8ddd3 rgb(216,221,211)
```

Monochromatic Color

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

#b7bba8
```
#b7bba8 rgb(183,187,168)
```
#b5bba8
```
#b5bba8 rgb(181,187,168)
```
#b4bba8
```
#b4bba8 rgb(180,187,168)
```
#b2bba8
```
#b2bba8 rgb(178,187,168)
```
#b0bba8
```
#b0bba8 rgb(176,187,168)
```
#afbba8
```
#afbba8 rgb(175,187,168)
```
#adbba8
```
#adbba8 rgb(173,187,168)
```

Similar Colors

Text with hexadecimal color #b2bba8

This text has a font color of #b2bba8.

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

#b2bba8 background color

This paragraph has a background color of #b2bba8.

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

#b2bba8 border color

This element has a border color of #b2bba8.

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

CSS codes

.text {color:#b2bba8;}

.background {background-color:#b2bba8;}

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

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

#010101
```
#010101 rgb(1,1,1)
```
#0b0c09
```
#0b0c09 rgb(11,12,9)
```
#151712
```
#151712 rgb(21,23,18)
```
#1f221b
```
#1f221b rgb(31,34,27)
```
#282d23
```
#282d23 rgb(40,45,35)
```
#32382c
```
#32382c rgb(50,56,44)
```
#3c4334
```
#3c4334 rgb(60,67,52)
```
#464e3d
```
#464e3d rgb(70,78,61)
```
#505946
```
#505946 rgb(80,89,70)
```
#5a644e
```
#5a644e rgb(90,100,78)
```
#646f57
```
#646f57 rgb(100,111,87)
```
#6e7a60
```
#6e7a60 rgb(110,122,96)
```
#778568
```
#778568 rgb(119,133,104)
```

Shade Color Variation

#819071
```
#819071 rgb(129,144,113)
```
#8b997c
```
#8b997c rgb(139,153,124)
```
#95a187
```
#95a187 rgb(149,161,135)
```
#9faa92
```
#9faa92 rgb(159,170,146)
```
#a8b29d
```
#a8b29d rgb(168,178,157)
```
#b2bba8
```
#b2bba8 rgb(178,187,168)
```
#bcc4b3
```
#bcc4b3 rgb(188,196,179)
```
#c5ccbe
```
#c5ccbe rgb(197,204,190)
```
#cfd5c9
```
#cfd5c9 rgb(207,213,201)
```
#d9ddd4
```
#d9ddd4 rgb(217,221,212)
```
#e3e6df
```
#e3e6df rgb(227,230,223)
```
#ecefea
```
#ecefea rgb(236,239,234)
```
#f6f7f5
```
#f6f7f5 rgb(246,247,245)
```

Tint Color Variation

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

#b2b5ae
```
#b2b5ae rgb(178,181,174)
```
#b2bba8
```
#b2bba8 rgb(178,187,168)
```
#b2c1a2
```
#b2c1a2 rgb(178,193,162)
```
#b3c79c
```
#b3c79c rgb(179,199,156)
```
#b3cd96
```
#b3cd96 rgb(179,205,150)
```
#b3d390
```
#b3d390 rgb(179,211,144)
```
#b4d98a
```
#b4d98a rgb(180,217,138)
```
#b4df84
```
#b4df84 rgb(180,223,132)
```
#b4e57e
```
#b4e57e rgb(180,229,126)
```
#b5eb78
```
#b5eb78 rgb(181,235,120)
```
#b5f172
```
#b5f172 rgb(181,241,114)
```
#b5f76c
```
#b5f76c rgb(181,247,108)
```
#b5fd66
```
#b5fd66 rgb(181,253,102)
```

Tone Color Variation

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

#b6b6b6 Achromatopsia 0.005% of the population
#b5b7b3 Atypical Achromatopsia 0.001% of the population

Dichromacy

#c2baaa Protanopia 1% of men
#d1b5af Deuteranopia 1% of men
#babac7 Tritanopia 0.001% of the population

Trichromacy

#bcbaa9 Protanomaly 1% of men, 0.01% of women
#c6b7ac Deuteranomaly 6% of men, 0.4% of women
#b7babc Tritanomaly 0.01% of the population

#b2bba8 hex color

#b2bba8 Color Information

#b2bba8 Color Conversion

Color Schemes with #b2bba8

Alternatives to #b2bba8

#b2bba8 Preview

Shades and Tints of #b2bba8

Tones of #b2bba8

Color Blindness Simulator