#b2bc9c hex color

In a RGB color space, hex #b2bc9c is composed of 69.8% red, 73.7% green and 61.2% blue. Whereas in a CMYK color space, it is composed of 5.3% cyan, 0% magenta, 17% yellow and 26.3% black. It has a hue angle of 78.8 degrees, a saturation of 19.3% and a lightness of 67.5%. #b2bc9c color hex could be obtained by blending #ffffff with #657939. Closest websafe color is: #99cc99.

♥
- f
- t
- g
- R 70
- G 74
- B 61
RGB color chart
- C 5
- M 0
- Y 17
- K 26
CMYK color chart

● #b2bc9c color description : Grayish green.

The hexadecimal color #b2bc9c has RGB values of R:178, G:188, B:156 and CMYK values of C:0.05, M:0, Y:0.17, K:0.26. Its decimal value is 11713692.

Hex triplet	b2bc9c	`#b2bc9c`
RGB Decimal	178, 188, 156	`rgb(178,188,156)`
RGB Percent	69.8, 73.7, 61.2	`rgb(69.8%,73.7%,61.2%)`
CMYK	5, 0, 17, 26
HSL	78.8°, 19.3, 67.5	`hsl(78.8,19.3%,67.5%)`
HSV (or HSB)	78.8°, 17, 73.7
Web Safe	99cc99	`#99cc99`

CIE-LAB	74.719, -9.157, 15.043
XYZ	42.343, 47.832, 38.452
xyY	0.329, 0.372, 47.832
CIE-LCH	74.719, 17.611, 121.329
CIE-LUV	74.719, -4.187, 22.873
Hunter-Lab	69.16, -11.746, 15.448
Binary	10110010, 10111100, 10011100

#b2bc9c
```
#b2bc9c rgb(178,188,156)
```
#a69cbc
```
#a69cbc rgb(166,156,188)
```

Complementary Color

#bcb69c
```
#bcb69c rgb(188,182,156)
```
#b2bc9c
```
#b2bc9c rgb(178,188,156)
```
#a2bc9c
```
#a2bc9c rgb(162,188,156)
```

Analogous Color

#b69cbc
```
#b69cbc rgb(182,156,188)
```
#b2bc9c
```
#b2bc9c rgb(178,188,156)
```
#9ca2bc
```
#9ca2bc rgb(156,162,188)
```

Split Complementary Color

#bc9cb2
```
#bc9cb2 rgb(188,156,178)
```
#b2bc9c
```
#b2bc9c rgb(178,188,156)
```
#9cb2bc
```
#9cb2bc rgb(156,178,188)
```

Triadic Color

#bca69c
```
#bca69c rgb(188,166,156)
```
#b2bc9c
```
#b2bc9c rgb(178,188,156)
```
#9cb2bc
```
#9cb2bc rgb(156,178,188)
```
#a69cbc
```
#a69cbc rgb(166,156,188)
```

Tetradic Color

#8f9d6e
```
#8f9d6e rgb(143,157,110)
```
#9aa77e
```
#9aa77e rgb(154,167,126)
```
#a6b28d
```
#a6b28d rgb(166,178,141)
```
#b2bc9c
```
#b2bc9c rgb(178,188,156)
```
#bec6ab
```
#bec6ab rgb(190,198,171)
```
#cad1ba
```
#cad1ba rgb(202,209,186)
```
#d5dbca
```
#d5dbca rgb(213,219,202)
```

Monochromatic Color

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

#babc9c
```
#babc9c rgb(186,188,156)
```
#b7bc9c
```
#b7bc9c rgb(183,188,156)
```
#b5bc9c
```
#b5bc9c rgb(181,188,156)
```
#b2bc9c
```
#b2bc9c rgb(178,188,156)
```
#afbc9c
```
#afbc9c rgb(175,188,156)
```
#adbc9c
```
#adbc9c rgb(173,188,156)
```
#aabc9c
```
#aabc9c rgb(170,188,156)
```

Similar Colors

Text with hexadecimal color #b2bc9c

This text has a font color of #b2bc9c.

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

#b2bc9c background color

This paragraph has a background color of #b2bc9c.

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

#b2bc9c border color

This element has a border color of #b2bc9c.

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

CSS codes

.text {color:#b2bc9c;}

.background {background-color:#b2bc9c;}

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

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

#060604
```
#060604 rgb(6,6,4)
```
#10120c
```
#10120c rgb(16,18,12)
```
#1b1e14
```
#1b1e14 rgb(27,30,20)
```
#25291c
```
#25291c rgb(37,41,28)
```
#303524
```
#303524 rgb(48,53,36)
```
#3a412c
```
#3a412c rgb(58,65,44)
```
#454c34
```
#454c34 rgb(69,76,52)
```
#4f583c
```
#4f583c rgb(79,88,60)
```
#5a6444
```
#5a6444 rgb(90,100,68)
```
#64704c
```
#64704c rgb(100,112,76)
```
#6f7b53
```
#6f7b53 rgb(111,123,83)
```
#79875b
```
#79875b rgb(121,135,91)
```
#849363
```
#849363 rgb(132,147,99)
```

Shade Color Variation

#8e9c6d
```
#8e9c6d rgb(142,156,109)
```
#97a479
```
#97a479 rgb(151,164,121)
```
#a0ac85
```
#a0ac85 rgb(160,172,133)
```
#a9b490
```
#a9b490 rgb(169,180,144)
```
#b2bc9c
```
#b2bc9c rgb(178,188,156)
```
#bbc4a8
```
#bbc4a8 rgb(187,196,168)
```
#c4ccb3
```
#c4ccb3 rgb(196,204,179)
```
#cdd4bf
```
#cdd4bf rgb(205,212,191)
```
#d6dccb
```
#d6dccb rgb(214,220,203)
```
#dfe4d6
```
#dfe4d6 rgb(223,228,214)
```
#e9ece2
```
#e9ece2 rgb(233,236,226)
```
#f2f3ee
```
#f2f3ee rgb(242,243,238)
```
#fbfbfa
```
#fbfbfa rgb(251,251,250)
```

Tint Color Variation

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

#adafa9
```
#adafa9 rgb(173,175,169)
```
#b0b6a2
```
#b0b6a2 rgb(176,182,162)
```
#b2bc9c
```
#b2bc9c rgb(178,188,156)
```
#b4c296
```
#b4c296 rgb(180,194,150)
```
#b7c98f
```
#b7c98f rgb(183,201,143)
```
#b9cf89
```
#b9cf89 rgb(185,207,137)
```
#bcd682
```
#bcd682 rgb(188,214,130)
```
#bedc7c
```
#bedc7c rgb(190,220,124)
```
#c0e276
```
#c0e276 rgb(192,226,118)
```
#c3e96f
```
#c3e96f rgb(195,233,111)
```
#c5ef69
```
#c5ef69 rgb(197,239,105)
```
#c8f563
```
#c8f563 rgb(200,245,99)
```
#cafc5c
```
#cafc5c rgb(202,252,92)
```

Tone Color Variation

Below, you can see how #b2bc9c 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
#b4b6b0 Atypical Achromatopsia 0.001% of the population

Dichromacy

#c5bb9f Protanopia 1% of men
#d5b5a4 Deuteranopia 1% of men
#bcbac7 Tritanopia 0.001% of the population

Trichromacy

#bebb9d Protanomaly 1% of men, 0.01% of women
#c8b7a1 Deuteranomaly 6% of men, 0.4% of women
#b8bab7 Tritanomaly 0.01% of the population

#b2bc9c hex color

#b2bc9c Color Information

#b2bc9c Color Conversion

Color Schemes with #b2bc9c

Alternatives to #b2bc9c

#b2bc9c Preview

Shades and Tints of #b2bc9c

Tones of #b2bc9c

Color Blindness Simulator