#b2c2aa hex color

In a RGB color space, hex #b2c2aa is composed of 69.8% red, 76.1% green and 66.7% blue. Whereas in a CMYK color space, it is composed of 8.2% cyan, 0% magenta, 12.4% yellow and 23.9% black. It has a hue angle of 100 degrees, a saturation of 16.4% and a lightness of 71.4%. #b2c2aa color hex could be obtained by blending #ffffff with #658555. Closest websafe color is: #99cc99.

♥
- f
- t
- g
- R 70
- G 76
- B 67
RGB color chart
- C 8
- M 0
- Y 12
- K 24
CMYK color chart

● #b2c2aa color description : Grayish green.

The hexadecimal color #b2c2aa has RGB values of R:178, G:194, B:170 and CMYK values of C:0.08, M:0, Y:0.12, K:0.24. Its decimal value is 11715242.

Hex triplet	b2c2aa	`#b2c2aa`
RGB Decimal	178, 194, 170	`rgb(178,194,170)`
RGB Percent	69.8, 76.1, 66.7	`rgb(69.8%,76.1%,66.7%)`
CMYK	8, 0, 12, 24
HSL	100°, 16.4, 71.4	`hsl(100,16.4%,71.4%)`
HSV (or HSB)	100°, 12.4, 76.1
Web Safe	99cc99	`#99cc99`

CIE-LAB	76.649, -9.923, 10.218
XYZ	44.906, 50.95, 45.497
xyY	0.318, 0.36, 50.95
CIE-LCH	76.649, 14.243, 134.159
CIE-LUV	76.649, -7.864, 16.512
Hunter-Lab	71.38, -12.617, 12.175
Binary	10110010, 11000010, 10101010

#b2c2aa
```
#b2c2aa rgb(178,194,170)
```
#baaac2
```
#baaac2 rgb(186,170,194)
```

Complementary Color

#bec2aa
```
#bec2aa rgb(190,194,170)
```
#b2c2aa
```
#b2c2aa rgb(178,194,170)
```
#aac2ae
```
#aac2ae rgb(170,194,174)
```

Analogous Color

#c2aabe
```
#c2aabe rgb(194,170,190)
```
#b2c2aa
```
#b2c2aa rgb(178,194,170)
```
#aeaac2
```
#aeaac2 rgb(174,170,194)
```

Split Complementary Color

#c2aab2
```
#c2aab2 rgb(194,170,178)
```
#b2c2aa
```
#b2c2aa rgb(178,194,170)
```
#aab2c2
```
#aab2c2 rgb(170,178,194)
```

Triadic Color

#c2baaa
```
#c2baaa rgb(194,186,170)
```
#b2c2aa
```
#b2c2aa rgb(178,194,170)
```
#aab2c2
```
#aab2c2 rgb(170,178,194)
```
#baaac2
```
#baaac2 rgb(186,170,194)
```

Tetradic Color

#8aa27d
```
#8aa27d rgb(138,162,125)
```
#97ad8c
```
#97ad8c rgb(151,173,140)
```
#a5b79b
```
#a5b79b rgb(165,183,155)
```
#b2c2aa
```
#b2c2aa rgb(178,194,170)
```
#bfcdb9
```
#bfcdb9 rgb(191,205,185)
```
#cdd7c8
```
#cdd7c8 rgb(205,215,200)
```
#dae2d7
```
#dae2d7 rgb(218,226,215)
```

Monochromatic Color

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

#b8c2aa
```
#b8c2aa rgb(184,194,170)
```
#b6c2aa
```
#b6c2aa rgb(182,194,170)
```
#b4c2aa
```
#b4c2aa rgb(180,194,170)
```
#b2c2aa
```
#b2c2aa rgb(178,194,170)
```
#b0c2aa
```
#b0c2aa rgb(176,194,170)
```
#aec2aa
```
#aec2aa rgb(174,194,170)
```
#acc2aa
```
#acc2aa rgb(172,194,170)
```

Similar Colors

Text with hexadecimal color #b2c2aa

This text has a font color of #b2c2aa.

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

#b2c2aa background color

This paragraph has a background color of #b2c2aa.

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

#b2c2aa border color

This element has a border color of #b2c2aa.

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

CSS codes

.text {color:#b2c2aa;}

.background {background-color:#b2c2aa;}

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

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

#050605
```
#050605 rgb(5,6,5)
```
#0e120d
```
#0e120d rgb(14,18,13)
```
#181d15
```
#181d15 rgb(24,29,21)
```
#21291d
```
#21291d rgb(33,41,29)
```
#2a3425
```
#2a3425 rgb(42,52,37)
```
#343f2e
```
#343f2e rgb(52,63,46)
```
#3d4b36
```
#3d4b36 rgb(61,75,54)
```
#46563e
```
#46563e rgb(70,86,62)
```
#4f6246
```
#4f6246 rgb(79,98,70)
```
#596d4e
```
#596d4e rgb(89,109,78)
```
#627957
```
#627957 rgb(98,121,87)
```
#6b845f
```
#6b845f rgb(107,132,95)
```
#748f67
```
#748f67 rgb(116,143,103)
```

Shade Color Variation

#7e9971
```
#7e9971 rgb(126,153,113)
```
#89a17c
```
#89a17c rgb(137,161,124)
```
#93a988
```
#93a988 rgb(147,169,136)
```
#9db293
```
#9db293 rgb(157,178,147)
```
#a8ba9f
```
#a8ba9f rgb(168,186,159)
```
#b2c2aa
```
#b2c2aa rgb(178,194,170)
```
#bccab5
```
#bccab5 rgb(188,202,181)
```
#c7d2c1
```
#c7d2c1 rgb(199,210,193)
```
#d1dbcc
```
#d1dbcc rgb(209,219,204)
```
#dbe3d8
```
#dbe3d8 rgb(219,227,216)
```
#e6ebe3
```
#e6ebe3 rgb(230,235,227)
```
#f0f3ef
```
#f0f3ef rgb(240,243,239)
```
#fafbfa
```
#fafbfa rgb(250,251,250)
```

Tint Color Variation

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

#b6b7b5
```
#b6b7b5 rgb(182,183,181)
```
#b4bcb0
```
#b4bcb0 rgb(180,188,176)
```
#b2c2aa
```
#b2c2aa rgb(178,194,170)
```
#b0c8a4
```
#b0c8a4 rgb(176,200,164)
```
#aecd9f
```
#aecd9f rgb(174,205,159)
```
#acd399
```
#acd399 rgb(172,211,153)
```
#abd894
```
#abd894 rgb(171,216,148)
```
#a9de8e
```
#a9de8e rgb(169,222,142)
```
#a7e488
```
#a7e488 rgb(167,228,136)
```
#a5e983
```
#a5e983 rgb(165,233,131)
```
#a3ef7d
```
#a3ef7d rgb(163,239,125)
```
#a1f577
```
#a1f577 rgb(161,245,119)
```
#9ffa72
```
#9ffa72 rgb(159,250,114)
```

Tone Color Variation

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

#bababa Achromatopsia 0.005% of the population
#b8bcb7 Atypical Achromatopsia 0.001% of the population

Dichromacy

#c8bfab Protanopia 1% of men
#d7bab1 Deuteranopia 1% of men
#bbc0ce Tritanopia 0.001% of the population

Trichromacy

#c0c0ab Protanomaly 1% of men, 0.01% of women
#cabdaf Deuteranomaly 6% of men, 0.4% of women
#b8c1c1 Tritanomaly 0.01% of the population

#b2c2aa hex color

#b2c2aa Color Information

#b2c2aa Color Conversion

Color Schemes with #b2c2aa

Alternatives to #b2c2aa

#b2c2aa Preview

Shades and Tints of #b2c2aa

Tones of #b2c2aa

Color Blindness Simulator