#b2c6a1 hex color

In a RGB color space, hex #b2c6a1 is composed of 69.8% red, 77.6% green and 63.1% blue. Whereas in a CMYK color space, it is composed of 10.1% cyan, 0% magenta, 18.7% yellow and 22.4% black. It has a hue angle of 92.4 degrees, a saturation of 24.5% and a lightness of 70.4%. #b2c6a1 color hex could be obtained by blending #ffffff with #658d43. Closest websafe color is: #99cc99.

♥
- f
- t
- g
- R 70
- G 78
- B 63
RGB color chart
- C 10
- M 0
- Y 19
- K 22
CMYK color chart

● #b2c6a1 color description : Grayish green.

The hexadecimal color #b2c6a1 has RGB values of R:178, G:198, B:161 and CMYK values of C:0.1, M:0, Y:0.19, K:0.22. Its decimal value is 11716257.

Hex triplet	b2c6a1	`#b2c6a1`
RGB Decimal	178, 198, 161	`rgb(178,198,161)`
RGB Percent	69.8, 77.6, 63.1	`rgb(69.8%,77.6%,63.1%)`
CMYK	10, 0, 19, 22
HSL	92.4°, 24.5, 70.4	`hsl(92.4,24.5%,70.4%)`
HSV (or HSB)	92.4°, 18.7, 77.6
Web Safe	99cc99	`#99cc99`

CIE-LAB	77.535, -13.511, 16.299
XYZ	44.986, 52.426, 41.465
xyY	0.324, 0.377, 52.426
CIE-LCH	77.535, 21.171, 129.656
CIE-LUV	77.535, -9.646, 25.533
Hunter-Lab	72.406, -15.808, 16.73
Binary	10110010, 11000110, 10100001

#b2c6a1
```
#b2c6a1 rgb(178,198,161)
```
#b5a1c6
```
#b5a1c6 rgb(181,161,198)
```

Complementary Color

#c5c6a1
```
#c5c6a1 rgb(197,198,161)
```
#b2c6a1
```
#b2c6a1 rgb(178,198,161)
```
#a1c6a3
```
#a1c6a3 rgb(161,198,163)
```

Analogous Color

#c6a1c5
```
#c6a1c5 rgb(198,161,197)
```
#b2c6a1
```
#b2c6a1 rgb(178,198,161)
```
#a3a1c6
```
#a3a1c6 rgb(163,161,198)
```

Split Complementary Color

#c6a1b2
```
#c6a1b2 rgb(198,161,178)
```
#b2c6a1
```
#b2c6a1 rgb(178,198,161)
```
#a1b2c6
```
#a1b2c6 rgb(161,178,198)
```

Triadic Color

#c6b5a1
```
#c6b5a1 rgb(198,181,161)
```
#b2c6a1
```
#b2c6a1 rgb(178,198,161)
```
#a1b2c6
```
#a1b2c6 rgb(161,178,198)
```
#b5a1c6
```
#b5a1c6 rgb(181,161,198)
```

Tetradic Color

#8ba971
```
#8ba971 rgb(139,169,113)
```
#98b381
```
#98b381 rgb(152,179,129)
```
#a5bc91
```
#a5bc91 rgb(165,188,145)
```
#b2c6a1
```
#b2c6a1 rgb(178,198,161)
```
#bfd0b1
```
#bfd0b1 rgb(191,208,177)
```
#ccd9c1
```
#ccd9c1 rgb(204,217,193)
```
#d9e3d1
```
#d9e3d1 rgb(217,227,209)
```

Monochromatic Color

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

#bbc6a1
```
#bbc6a1 rgb(187,198,161)
```
#b8c6a1
```
#b8c6a1 rgb(184,198,161)
```
#b5c6a1
```
#b5c6a1 rgb(181,198,161)
```
#b2c6a1
```
#b2c6a1 rgb(178,198,161)
```
#afc6a1
```
#afc6a1 rgb(175,198,161)
```
#acc6a1
```
#acc6a1 rgb(172,198,161)
```
#a9c6a1
```
#a9c6a1 rgb(169,198,161)
```

Similar Colors

Text with hexadecimal color #b2c6a1

This text has a font color of #b2c6a1.

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

#b2c6a1 background color

This paragraph has a background color of #b2c6a1.

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

#b2c6a1 border color

This element has a border color of #b2c6a1.

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

CSS codes

.text {color:#b2c6a1;}

.background {background-color:#b2c6a1;}

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

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

#030402
```
#030402 rgb(3,4,2)
```
#0d100a
```
#0d100a rgb(13,16,10)
```
#161c11
```
#161c11 rgb(22,28,17)
```
#202818
```
#202818 rgb(32,40,24)
```
#293520
```
#293520 rgb(41,53,32)
```
#334127
```
#334127 rgb(51,65,39)
```
#3d4d2f
```
#3d4d2f rgb(61,77,47)
```
#465936
```
#465936 rgb(70,89,54)
```
#50653d
```
#50653d rgb(80,101,61)
```
#597245
```
#597245 rgb(89,114,69)
```
#637e4c
```
#637e4c rgb(99,126,76)
```
#6d8a54
```
#6d8a54 rgb(109,138,84)
```
#76965b
```
#76965b rgb(118,150,91)
```

Shade Color Variation

#80a164
```
#80a164 rgb(128,161,100)
```
#8aa870
```
#8aa870 rgb(138,168,112)
```
#94b07c
```
#94b07c rgb(148,176,124)
```
#9eb789
```
#9eb789 rgb(158,183,137)
```
#a8bf95
```
#a8bf95 rgb(168,191,149)
```
#b2c6a1
```
#b2c6a1 rgb(178,198,161)
```
#bccdad
```
#bccdad rgb(188,205,173)
```
#c6d5b9
```
#c6d5b9 rgb(198,213,185)
```
#d0dcc6
```
#d0dcc6 rgb(208,220,198)
```
#dae4d2
```
#dae4d2 rgb(218,228,210)
```
#e4ebde
```
#e4ebde rgb(228,235,222)
```
#eef2ea
```
#eef2ea rgb(238,242,234)
```
#f8faf6
```
#f8faf6 rgb(248,250,246)
```

Tint Color Variation

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

#b3b5b2
```
#b3b5b2 rgb(179,181,178)
```
#b3baad
```
#b3baad rgb(179,186,173)
```
#b2c0a7
```
#b2c0a7 rgb(178,192,167)
```
#b2c6a1
```
#b2c6a1 rgb(178,198,161)
```
#b2cc9b
```
#b2cc9b rgb(178,204,155)
```
#b1d295
```
#b1d295 rgb(177,210,149)
```
#b1d790
```
#b1d790 rgb(177,215,144)
```
#b0dd8a
```
#b0dd8a rgb(176,221,138)
```
#b0e384
```
#b0e384 rgb(176,227,132)
```
#afe97e
```
#afe97e rgb(175,233,126)
```
#afef78
```
#afef78 rgb(175,239,120)
```
#aef473
```
#aef473 rgb(174,244,115)
```
#aefa6d
```
#aefa6d rgb(174,250,109)
```

Tone Color Variation

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

#bcbcbc Achromatopsia 0.005% of the population
#babeb7 Atypical Achromatopsia 0.001% of the population

Dichromacy

#cdc2a2 Protanopia 1% of men
#debca9 Deuteranopia 1% of men
#bdc2d0 Tritanopia 0.001% of the population

Trichromacy

#c3c3a2 Protanomaly 1% of men, 0.01% of women
#cebfa6 Deuteranomaly 6% of men, 0.4% of women
#b9c4bf Tritanomaly 0.01% of the population

#b2c6a1 hex color

#b2c6a1 Color Information

#b2c6a1 Color Conversion

Color Schemes with #b2c6a1

Alternatives to #b2c6a1

#b2c6a1 Preview

Shades and Tints of #b2c6a1

Tones of #b2c6a1

Color Blindness Simulator