#b2baa3 hex color

In a RGB color space, hex #b2baa3 is composed of 69.8% red, 72.9% green and 63.9% blue. Whereas in a CMYK color space, it is composed of 4.3% cyan, 0% magenta, 12.4% yellow and 27.1% black. It has a hue angle of 80.9 degrees, a saturation of 14.3% and a lightness of 68.4%. #b2baa3 color hex could be obtained by blending #ffffff with #657547. Closest websafe color is: #99cc99.

♥
- f
- t
- g
- R 70
- G 73
- B 64
RGB color chart
- C 4
- M 0
- Y 12
- K 27
CMYK color chart

● #b2baa3 color description : Grayish green.

The hexadecimal color #b2baa3 has RGB values of R:178, G:186, B:163 and CMYK values of C:0.04, M:0, Y:0.12, K:0.27. Its decimal value is 11713187.

Hex triplet	b2baa3	`#b2baa3`
RGB Decimal	178, 186, 163	`rgb(178,186,163)`
RGB Percent	69.8, 72.9, 63.9	`rgb(69.8%,72.9%,63.9%)`
CMYK	4, 0, 12, 27
HSL	80.9°, 14.3, 68.4	`hsl(80.9,14.3%,68.4%)`
HSV (or HSB)	80.9°, 12.4, 72.9
Web Safe	99cc99	`#99cc99`

CIE-LAB	74.335, -6.945, 10.714
XYZ	42.529, 47.227, 41.524
xyY	0.324, 0.36, 47.227
CIE-LCH	74.335, 12.768, 122.952
CIE-LUV	74.335, -3.417, 16.57
Hunter-Lab	68.722, -9.799, 12.281
Binary	10110010, 10111010, 10100011

#b2baa3
```
#b2baa3 rgb(178,186,163)
```
#aba3ba
```
#aba3ba rgb(171,163,186)
```

Complementary Color

#bab7a3
```
#bab7a3 rgb(186,183,163)
```
#b2baa3
```
#b2baa3 rgb(178,186,163)
```
#a7baa3
```
#a7baa3 rgb(167,186,163)
```

Analogous Color

#b7a3ba
```
#b7a3ba rgb(183,163,186)
```
#b2baa3
```
#b2baa3 rgb(178,186,163)
```
#a3a7ba
```
#a3a7ba rgb(163,167,186)
```

Split Complementary Color

#baa3b2
```
#baa3b2 rgb(186,163,178)
```
#b2baa3
```
#b2baa3 rgb(178,186,163)
```
#a3b2ba
```
#a3b2ba rgb(163,178,186)
```

Triadic Color

#baaba3
```
#baaba3 rgb(186,171,163)
```
#b2baa3
```
#b2baa3 rgb(178,186,163)
```
#a3b2ba
```
#a3b2ba rgb(163,178,186)
```
#aba3ba
```
#aba3ba rgb(171,163,186)
```

Tetradic Color

#8d9977
```
#8d9977 rgb(141,153,119)
```
#9aa486
```
#9aa486 rgb(154,164,134)
```
#a6af94
```
#a6af94 rgb(166,175,148)
```
#b2baa3
```
#b2baa3 rgb(178,186,163)
```
#bec5b2
```
#bec5b2 rgb(190,197,178)
```
#cad0c0
```
#cad0c0 rgb(202,208,192)
```
#d7dbcf
```
#d7dbcf rgb(215,219,207)
```

Monochromatic Color

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

#b8baa3
```
#b8baa3 rgb(184,186,163)
```
#b6baa3
```
#b6baa3 rgb(182,186,163)
```
#b4baa3
```
#b4baa3 rgb(180,186,163)
```
#b2baa3
```
#b2baa3 rgb(178,186,163)
```
#b0baa3
```
#b0baa3 rgb(176,186,163)
```
#aebaa3
```
#aebaa3 rgb(174,186,163)
```
#acbaa3
```
#acbaa3 rgb(172,186,163)
```

Similar Colors

Text with hexadecimal color #b2baa3

This text has a font color of #b2baa3.

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

#b2baa3 background color

This paragraph has a background color of #b2baa3.

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

#b2baa3 border color

This element has a border color of #b2baa3.

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

CSS codes

.text {color:#b2baa3;}

.background {background-color:#b2baa3;}

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

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

#080907
```
#080907 rgb(8,9,7)
```
#12140f
```
#12140f rgb(18,20,15)
```
#1d1f17
```
#1d1f17 rgb(29,31,23)
```
#272b20
```
#272b20 rgb(39,43,32)
```
#313628
```
#313628 rgb(49,54,40)
```
#3b4131
```
#3b4131 rgb(59,65,49)
```
#464c39
```
#464c39 rgb(70,76,57)
```
#505742
```
#505742 rgb(80,87,66)
```
#5a634a
```
#5a634a rgb(90,99,74)
```
#646e52
```
#646e52 rgb(100,110,82)
```
#6e795b
```
#6e795b rgb(110,121,91)
```
#798463
```
#798463 rgb(121,132,99)
```
#838f6c
```
#838f6c rgb(131,143,108)
```

Shade Color Variation

#8c9876
```
#8c9876 rgb(140,152,118)
```
#96a181
```
#96a181 rgb(150,161,129)
```
#9fa98d
```
#9fa98d rgb(159,169,141)
```
#a9b298
```
#a9b298 rgb(169,178,152)
```
#b2baa3
```
#b2baa3 rgb(178,186,163)
```
#bbc2ae
```
#bbc2ae rgb(187,194,174)
```
#c5cbb9
```
#c5cbb9 rgb(197,203,185)
```
#ced3c5
```
#ced3c5 rgb(206,211,197)
```
#d8dcd0
```
#d8dcd0 rgb(216,220,208)
```
#e1e4db
```
#e1e4db rgb(225,228,219)
```
#eaece6
```
#eaece6 rgb(234,236,230)
```
#f4f5f1
```
#f4f5f1 rgb(244,245,241)
```
#fdfdfd
```
#fdfdfd rgb(253,253,253)
```

Tint Color Variation

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

#b0b4a9
```
#b0b4a9 rgb(176,180,169)
```
#b2baa3
```
#b2baa3 rgb(178,186,163)
```
#b4c09d
```
#b4c09d rgb(180,192,157)
```
#b6c697
```
#b6c697 rgb(182,198,151)
```
#b8cd90
```
#b8cd90 rgb(184,205,144)
```
#bad38a
```
#bad38a rgb(186,211,138)
```
#bbd984
```
#bbd984 rgb(187,217,132)
```
#bddf7e
```
#bddf7e rgb(189,223,126)
```
#bfe578
```
#bfe578 rgb(191,229,120)
```
#c1ec71
```
#c1ec71 rgb(193,236,113)
```
#c3f26b
```
#c3f26b rgb(195,242,107)
```
#c5f865
```
#c5f865 rgb(197,248,101)
```
#c7fe5f
```
#c7fe5f rgb(199,254,95)
```

Tone Color Variation

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

#c2b9a6 Protanopia 1% of men
#d1b4aa Deuteranopia 1% of men
#bbb9c6 Tritanopia 0.001% of the population

Trichromacy

#bcb9a4 Protanomaly 1% of men, 0.01% of women
#c6b6a7 Deuteranomaly 6% of men, 0.4% of women
#b7b9b9 Tritanomaly 0.01% of the population

#b2baa3 hex color

#b2baa3 Color Information

#b2baa3 Color Conversion

Color Schemes with #b2baa3

Alternatives to #b2baa3

#b2baa3 Preview

Shades and Tints of #b2baa3

Tones of #b2baa3

Color Blindness Simulator