#b2bba0 hex color

In a RGB color space, hex #b2bba0 is composed of 69.8% red, 73.3% green and 62.7% blue. Whereas in a CMYK color space, it is composed of 4.8% cyan, 0% magenta, 14.4% yellow and 26.7% black. It has a hue angle of 80 degrees, a saturation of 16.6% and a lightness of 68%. #b2bba0 color hex could be obtained by blending #ffffff with #657741. Closest websafe color is: #99cc99.

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

● #b2bba0 color description : Grayish green.

The hexadecimal color #b2bba0 has RGB values of R:178, G:187, B:160 and CMYK values of C:0.05, M:0, Y:0.14, K:0.27. Its decimal value is 11713440.

Hex triplet	b2bba0	`#b2bba0`
RGB Decimal	178, 187, 160	`rgb(178,187,160)`
RGB Percent	69.8, 73.3, 62.7	`rgb(69.8%,73.3%,62.7%)`
CMYK	5, 0, 14, 27
HSL	80°, 16.6, 68	`hsl(80,16.6%,68%)`
HSV (or HSB)	80°, 14.4, 73.3
Web Safe	99cc99	`#99cc99`

CIE-LAB	74.536, -7.976, 12.625
XYZ	42.474, 47.544, 40.195
xyY	0.326, 0.365, 47.544
CIE-LCH	74.536, 14.933, 122.282
CIE-LUV	74.536, -3.818, 19.386
Hunter-Lab	68.952, -10.71, 13.704
Binary	10110010, 10111011, 10100000

#b2bba0
```
#b2bba0 rgb(178,187,160)
```
#a9a0bb
```
#a9a0bb rgb(169,160,187)
```

Complementary Color

#bbb7a0
```
#bbb7a0 rgb(187,183,160)
```
#b2bba0
```
#b2bba0 rgb(178,187,160)
```
#a5bba0
```
#a5bba0 rgb(165,187,160)
```

Analogous Color

#b7a0bb
```
#b7a0bb rgb(183,160,187)
```
#b2bba0
```
#b2bba0 rgb(178,187,160)
```
#a0a5bb
```
#a0a5bb rgb(160,165,187)
```

Split Complementary Color

#bba0b2
```
#bba0b2 rgb(187,160,178)
```
#b2bba0
```
#b2bba0 rgb(178,187,160)
```
#a0b2bb
```
#a0b2bb rgb(160,178,187)
```

Triadic Color

#bba9a0
```
#bba9a0 rgb(187,169,160)
```
#b2bba0
```
#b2bba0 rgb(178,187,160)
```
#a0b2bb
```
#a0b2bb rgb(160,178,187)
```
#a9a0bb
```
#a9a0bb rgb(169,160,187)
```

Tetradic Color

#8e9b73
```
#8e9b73 rgb(142,155,115)
```
#9aa682
```
#9aa682 rgb(154,166,130)
```
#a6b091
```
#a6b091 rgb(166,176,145)
```
#b2bba0
```
#b2bba0 rgb(178,187,160)
```
#bec6af
```
#bec6af rgb(190,198,175)
```
#cad0be
```
#cad0be rgb(202,208,190)
```
#d6dbcd
```
#d6dbcd rgb(214,219,205)
```

Monochromatic Color

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

#b9bba0
```
#b9bba0 rgb(185,187,160)
```
#b7bba0
```
#b7bba0 rgb(183,187,160)
```
#b4bba0
```
#b4bba0 rgb(180,187,160)
```
#b2bba0
```
#b2bba0 rgb(178,187,160)
```
#b0bba0
```
#b0bba0 rgb(176,187,160)
```
#aebba0
```
#aebba0 rgb(174,187,160)
```
#abbba0
```
#abbba0 rgb(171,187,160)
```

Similar Colors

Text with hexadecimal color #b2bba0

This text has a font color of #b2bba0.

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

#b2bba0 background color

This paragraph has a background color of #b2bba0.

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

#b2bba0 border color

This element has a border color of #b2bba0.

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

CSS codes

.text {color:#b2bba0;}

.background {background-color:#b2bba0;}

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

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

#070806
```
#070806 rgb(7,8,6)
```
#11130e
```
#11130e rgb(17,19,14)
```
#1c1f16
```
#1c1f16 rgb(28,31,22)
```
#262a1e
```
#262a1e rgb(38,42,30)
```
#313626
```
#313626 rgb(49,54,38)
```
#3b412f
```
#3b412f rgb(59,65,47)
```
#454c37
```
#454c37 rgb(69,76,55)
```
#50583f
```
#50583f rgb(80,88,63)
```
#5a6347
```
#5a6347 rgb(90,99,71)
```
#646f4f
```
#646f4f rgb(100,111,79)
```
#6f7a57
```
#6f7a57 rgb(111,122,87)
```
#798660
```
#798660 rgb(121,134,96)
```
#839168
```
#839168 rgb(131,145,104)
```

Shade Color Variation

#8d9a72
```
#8d9a72 rgb(141,154,114)
```
#96a27e
```
#96a27e rgb(150,162,126)
```
#9fab89
```
#9fab89 rgb(159,171,137)
```
#a9b395
```
#a9b395 rgb(169,179,149)
```
#b2bba0
```
#b2bba0 rgb(178,187,160)
```
#bbc3ab
```
#bbc3ab rgb(187,195,171)
```
#c5cbb7
```
#c5cbb7 rgb(197,203,183)
```
#ced4c2
```
#ced4c2 rgb(206,212,194)
```
#d7dcce
```
#d7dcce rgb(215,220,206)
```
#e0e4d9
```
#e0e4d9 rgb(224,228,217)
```
#eaece5
```
#eaece5 rgb(234,236,229)
```
#f3f4f0
```
#f3f4f0 rgb(243,244,240)
```
#fcfcfb
```
#fcfcfb rgb(252,252,251)
```

Tint Color Variation

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

#aeaead
```
#aeaead rgb(174,174,173)
```
#b0b5a6
```
#b0b5a6 rgb(176,181,166)
```
#b2bba0
```
#b2bba0 rgb(178,187,160)
```
#b4c19a
```
#b4c19a rgb(180,193,154)
```
#b6c893
```
#b6c893 rgb(182,200,147)
```
#b8ce8d
```
#b8ce8d rgb(184,206,141)
```
#bad487
```
#bad487 rgb(186,212,135)
```
#bcda81
```
#bcda81 rgb(188,218,129)
```
#bfe17a
```
#bfe17a rgb(191,225,122)
```
#c1e774
```
#c1e774 rgb(193,231,116)
```
#c3ed6e
```
#c3ed6e rgb(195,237,110)
```
#c5f368
```
#c5f368 rgb(197,243,104)
```
#c7fa61
```
#c7fa61 rgb(199,250,97)
```

Tone Color Variation

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

#b5b5b5 Achromatopsia 0.005% of the population
#b4b6b1 Atypical Achromatopsia 0.001% of the population

Dichromacy

#c3baa3 Protanopia 1% of men
#d3b4a8 Deuteranopia 1% of men
#bbb9c6 Tritanopia 0.001% of the population

Trichromacy

#bdbaa1 Protanomaly 1% of men, 0.01% of women
#c7b7a5 Deuteranomaly 6% of men, 0.4% of women
#b8bab8 Tritanomaly 0.01% of the population

#b2bba0 hex color

#b2bba0 Color Information

#b2bba0 Color Conversion

Color Schemes with #b2bba0

Alternatives to #b2bba0

#b2bba0 Preview

Shades and Tints of #b2bba0

Tones of #b2bba0

Color Blindness Simulator