#b2bc5e hex color

In a RGB color space, hex #b2bc5e is composed of 69.8% red, 73.7% green and 36.9% blue. Whereas in a CMYK color space, it is composed of 5.3% cyan, 0% magenta, 50% yellow and 26.3% black. It has a hue angle of 66.4 degrees, a saturation of 41.2% and a lightness of 55.3%. #b2bc5e color hex could be obtained by blending #ffffbc with #657900. Closest websafe color is: #99cc66.

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

● #b2bc5e color description : Moderate yellow.

The hexadecimal color #b2bc5e has RGB values of R:178, G:188, B:94 and CMYK values of C:0.05, M:0, Y:0.5, K:0.26. Its decimal value is 11713630.

Hex triplet	b2bc5e	`#b2bc5e`
RGB Decimal	178, 188, 94	`rgb(178,188,94)`
RGB Percent	69.8, 73.7, 36.9	`rgb(69.8%,73.7%,36.9%)`
CMYK	5, 0, 50, 26
HSL	66.4°, 41.2, 55.3	`hsl(66.4,41.2%,55.3%)`
HSV (or HSB)	66.4°, 50, 73.7
Web Safe	99cc66	`#99cc66`

CIE-LAB	73.701, -17.129, 45.931
XYZ	38.363, 46.24, 17.493
xyY	0.376, 0.453, 46.24
CIE-LCH	73.701, 49.021, 110.452
CIE-LUV	73.701, -2.126, 59.575
Hunter-Lab	68, -18.296, 32.347
Binary	10110010, 10111100, 01011110

#b2bc5e
```
#b2bc5e rgb(178,188,94)
```
#685ebc
```
#685ebc rgb(104,94,188)
```

Complementary Color

#bc975e
```
#bc975e rgb(188,151,94)
```
#b2bc5e
```
#b2bc5e rgb(178,188,94)
```
#83bc5e
```
#83bc5e rgb(131,188,94)
```

Analogous Color

#975ebc
```
#975ebc rgb(151,94,188)
```
#b2bc5e
```
#b2bc5e rgb(178,188,94)
```
#5e83bc
```
#5e83bc rgb(94,131,188)
```

Split Complementary Color

#bc5eb2
```
#bc5eb2 rgb(188,94,178)
```
#b2bc5e
```
#b2bc5e rgb(178,188,94)
```
#5eb2bc
```
#5eb2bc rgb(94,178,188)
```

Triadic Color

#bc685e
```
#bc685e rgb(188,104,94)
```
#b2bc5e
```
#b2bc5e rgb(178,188,94)
```
#5eb2bc
```
#5eb2bc rgb(94,178,188)
```
#685ebc
```
#685ebc rgb(104,94,188)
```

Tetradic Color

#88913c
```
#88913c rgb(136,145,60)
```
#99a344
```
#99a344 rgb(153,163,68)
```
#a9b54c
```
#a9b54c rgb(169,181,76)
```
#b2bc5e
```
#b2bc5e rgb(178,188,94)
```
#bbc370
```
#bbc370 rgb(187,195,112)
```
#c3cb82
```
#c3cb82 rgb(195,203,130)
```
#ccd294
```
#ccd294 rgb(204,210,148)
```

Monochromatic Color

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

#bcaf5e
```
#bcaf5e rgb(188,175,94)
```
#bcb65e
```
#bcb65e rgb(188,182,94)
```
#babc5e
```
#babc5e rgb(186,188,94)
```
#b2bc5e
```
#b2bc5e rgb(178,188,94)
```
#aabc5e
```
#aabc5e rgb(170,188,94)
```
#a2bc5e
```
#a2bc5e rgb(162,188,94)
```
#9bbc5e
```
#9bbc5e rgb(155,188,94)
```

Similar Colors

Text with hexadecimal color #b2bc5e

This text has a font color of #b2bc5e.

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

#b2bc5e background color

This paragraph has a background color of #b2bc5e.

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

#b2bc5e border color

This element has a border color of #b2bc5e.

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

CSS codes

.text {color:#b2bc5e;}

.background {background-color:#b2bc5e;}

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

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

#050502
```
#050502 rgb(5,5,2)
```
#121308
```
#121308 rgb(18,19,8)
```
#1f210e
```
#1f210e rgb(31,33,14)
```
#2c2f13
```
#2c2f13 rgb(44,47,19)
```
#393d19
```
#393d19 rgb(57,61,25)
```
#464a1f
```
#464a1f rgb(70,74,31)
```
#535825
```
#535825 rgb(83,88,37)
```
#60662b
```
#60662b rgb(96,102,43)
```
#6d7430
```
#6d7430 rgb(109,116,48)
```
#7a8236
```
#7a8236 rgb(122,130,54)
```
#87903c
```
#87903c rgb(135,144,60)
```
#949e42
```
#949e42 rgb(148,158,66)
```
#a1ab47
```
#a1ab47 rgb(161,171,71)
```

Shade Color Variation

#abb650
```
#abb650 rgb(171,182,80)
```
#b2bc5e
```
#b2bc5e rgb(178,188,94)
```
#b9c26c
```
#b9c26c rgb(185,194,108)
```
#bfc87a
```
#bfc87a rgb(191,200,122)
```
#c6cd88
```
#c6cd88 rgb(198,205,136)
```
#ccd395
```
#ccd395 rgb(204,211,149)
```
#d3d9a3
```
#d3d9a3 rgb(211,217,163)
```
#dadfb1
```
#dadfb1 rgb(218,223,177)
```
#e0e4bf
```
#e0e4bf rgb(224,228,191)
```
#e7eacd
```
#e7eacd rgb(231,234,205)
```
#eef0db
```
#eef0db rgb(238,240,219)
```
#f4f6e9
```
#f4f6e9 rgb(244,246,233)
```
#fbfbf6
```
#fbfbf6 rgb(251,251,246)
```

Tint Color Variation

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

#8f908a
```
#8f908a rgb(143,144,138)
```
#969981
```
#969981 rgb(150,153,129)
```
#9da278
```
#9da278 rgb(157,162,120)
```
#a4aa70
```
#a4aa70 rgb(164,170,112)
```
#abb367
```
#abb367 rgb(171,179,103)
```
#b2bc5e
```
#b2bc5e rgb(178,188,94)
```
#b9c555
```
#b9c555 rgb(185,197,85)
```
#c0ce4c
```
#c0ce4c rgb(192,206,76)
```
#c7d644
```
#c7d644 rgb(199,214,68)
```
#cedf3b
```
#cedf3b rgb(206,223,59)
```
#d5e832
```
#d5e832 rgb(213,232,50)
```
#dbf129
```
#dbf129 rgb(219,241,41)
```
#e2f921
```
#e2f921 rgb(226,249,33)
```

Tone Color Variation

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

#aeaeae Achromatopsia 0.005% of the population
#afb19e Atypical Achromatopsia 0.001% of the population

Dichromacy

#cbb964 Protanopia 1% of men
#e0b06b Deuteranopia 1% of men
#c1b5c2 Tritanopia 0.001% of the population

Trichromacy

#c2ba62 Protanomaly 1% of men, 0.01% of women
#cfb466 Deuteranomaly 6% of men, 0.4% of women
#bbb79d Tritanomaly 0.01% of the population

#b2bc5e hex color

#b2bc5e Color Information

#b2bc5e Color Conversion

Color Schemes with #b2bc5e

Alternatives to #b2bc5e

#b2bc5e Preview

Shades and Tints of #b2bc5e

Tones of #b2bc5e

Color Blindness Simulator