#b2bc9f hex color

In a RGB color space, hex #b2bc9f is composed of 69.8% red, 73.7% green and 62.4% blue. Whereas in a CMYK color space, it is composed of 5.3% cyan, 0% magenta, 15.4% yellow and 26.3% black. It has a hue angle of 80.7 degrees, a saturation of 17.8% and a lightness of 68%. #b2bc9f color hex could be obtained by blending #ffffff with #65793f. Closest websafe color is: #99cc99.

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

● #b2bc9f color description : Grayish green.

The hexadecimal color #b2bc9f has RGB values of R:178, G:188, B:159 and CMYK values of C:0.05, M:0, Y:0.15, K:0.26. Its decimal value is 11713695.

Hex triplet	b2bc9f	`#b2bc9f`
RGB Decimal	178, 188, 159	`rgb(178,188,159)`
RGB Percent	69.8, 73.7, 62.4	`rgb(69.8%,73.7%,62.4%)`
CMYK	5, 0, 15, 26
HSL	80.7°, 17.8, 68	`hsl(80.7,17.8%,68%)`
HSV (or HSB)	80.7°, 15.4, 73.7
Web Safe	99cc99	`#99cc99`

CIE-LAB	74.784, -8.665, 13.515
XYZ	42.6, 47.935, 39.807
xyY	0.327, 0.368, 47.935
CIE-LCH	74.784, 16.054, 122.668
CIE-LUV	74.784, -4.308, 20.732
Hunter-Lab	69.235, -11.33, 14.375
Binary	10110010, 10111100, 10011111

#b2bc9f
```
#b2bc9f rgb(178,188,159)
```
#a99fbc
```
#a99fbc rgb(169,159,188)
```

Complementary Color

#bcb89f
```
#bcb89f rgb(188,184,159)
```
#b2bc9f
```
#b2bc9f rgb(178,188,159)
```
#a4bc9f
```
#a4bc9f rgb(164,188,159)
```

Analogous Color

#b89fbc
```
#b89fbc rgb(184,159,188)
```
#b2bc9f
```
#b2bc9f rgb(178,188,159)
```
#9fa4bc
```
#9fa4bc rgb(159,164,188)
```

Split Complementary Color

#bc9fb2
```
#bc9fb2 rgb(188,159,178)
```
#b2bc9f
```
#b2bc9f rgb(178,188,159)
```
#9fb2bc
```
#9fb2bc rgb(159,178,188)
```

Triadic Color

#bca99f
```
#bca99f rgb(188,169,159)
```
#b2bc9f
```
#b2bc9f rgb(178,188,159)
```
#9fb2bc
```
#9fb2bc rgb(159,178,188)
```
#a99fbc
```
#a99fbc rgb(169,159,188)
```

Tetradic Color

#8e9d72
```
#8e9d72 rgb(142,157,114)
```
#9aa781
```
#9aa781 rgb(154,167,129)
```
#a6b290
```
#a6b290 rgb(166,178,144)
```
#b2bc9f
```
#b2bc9f rgb(178,188,159)
```
#bec6ae
```
#bec6ae rgb(190,198,174)
```
#cad1bd
```
#cad1bd rgb(202,209,189)
```
#d6dbcc
```
#d6dbcc rgb(214,219,204)
```

Monochromatic Color

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

#b9bc9f
```
#b9bc9f rgb(185,188,159)
```
#b7bc9f
```
#b7bc9f rgb(183,188,159)
```
#b4bc9f
```
#b4bc9f rgb(180,188,159)
```
#b2bc9f
```
#b2bc9f rgb(178,188,159)
```
#b0bc9f
```
#b0bc9f rgb(176,188,159)
```
#adbc9f
```
#adbc9f rgb(173,188,159)
```
#abbc9f
```
#abbc9f rgb(171,188,159)
```

Similar Colors

Text with hexadecimal color #b2bc9f

This text has a font color of #b2bc9f.

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

#b2bc9f background color

This paragraph has a background color of #b2bc9f.

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

#b2bc9f border color

This element has a border color of #b2bc9f.

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

CSS codes

.text {color:#b2bc9f;}

.background {background-color:#b2bc9f;}

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

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 #fcfdfb is the lightest one.

#070806
```
#070806 rgb(7,8,6)
```
#11140e
```
#11140e rgb(17,20,14)
```
#1c1f16
```
#1c1f16 rgb(28,31,22)
```
#262b1e
```
#262b1e rgb(38,43,30)
```
#313626
```
#313626 rgb(49,54,38)
```
#3b422e
```
#3b422e rgb(59,66,46)
```
#454d36
```
#454d36 rgb(69,77,54)
```
#50593e
```
#50593e rgb(80,89,62)
```
#5a6446
```
#5a6446 rgb(90,100,70)
```
#64704e
```
#64704e rgb(100,112,78)
```
#6f7b56
```
#6f7b56 rgb(111,123,86)
```
#79875e
```
#79875e rgb(121,135,94)
```
#839366
```
#839366 rgb(131,147,102)
```

Shade Color Variation

#8d9c71
```
#8d9c71 rgb(141,156,113)
```
#96a47c
```
#96a47c rgb(150,164,124)
```
#9fac88
```
#9fac88 rgb(159,172,136)
```
#a9b493
```
#a9b493 rgb(169,180,147)
```
#b2bc9f
```
#b2bc9f rgb(178,188,159)
```
#bbc4ab
```
#bbc4ab rgb(187,196,171)
```
#c5ccb6
```
#c5ccb6 rgb(197,204,182)
```
#ced4c2
```
#ced4c2 rgb(206,212,194)
```
#d7dccd
```
#d7dccd rgb(215,220,205)
```
#e0e4d9
```
#e0e4d9 rgb(224,228,217)
```
#eaece4
```
#eaece4 rgb(234,236,228)
```
#f3f4f0
```
#f3f4f0 rgb(243,244,240)
```
#fcfdfb
```
#fcfdfb rgb(252,253,251)
```

Tint Color Variation

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

#aeafac
```
#aeafac rgb(174,175,172)
```
#b0b6a5
```
#b0b6a5 rgb(176,182,165)
```
#b2bc9f
```
#b2bc9f rgb(178,188,159)
```
#b4c299
```
#b4c299 rgb(180,194,153)
```
#b6c992
```
#b6c992 rgb(182,201,146)
```
#b8cf8c
```
#b8cf8c rgb(184,207,140)
```
#bad586
```
#bad586 rgb(186,213,134)
```
#bcdb80
```
#bcdb80 rgb(188,219,128)
```
#bee279
```
#bee279 rgb(190,226,121)
```
#c0e873
```
#c0e873 rgb(192,232,115)
```
#c2ee6d
```
#c2ee6d rgb(194,238,109)
```
#c4f467
```
#c4f467 rgb(196,244,103)
```
#c5fb60
```
#c5fb60 rgb(197,251,96)
```

Tone Color Variation

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

#b6b6b6 Achromatopsia 0.005% of the population
#b5b7b1 Atypical Achromatopsia 0.001% of the population

Dichromacy

#c4bba2 Protanopia 1% of men
#d4b5a7 Deuteranopia 1% of men
#bcbac7 Tritanopia 0.001% of the population

Trichromacy

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

#b2bc9f hex color

#b2bc9f Color Information

#b2bc9f Color Conversion

Color Schemes with #b2bc9f

Alternatives to #b2bc9f

#b2bc9f Preview

Shades and Tints of #b2bc9f

Tones of #b2bc9f

Color Blindness Simulator