#b2bc5f hex color

In a RGB color space, hex #b2bc5f is composed of 69.8% red, 73.7% green and 37.3% blue. Whereas in a CMYK color space, it is composed of 5.3% cyan, 0% magenta, 49.5% yellow and 26.3% black. It has a hue angle of 66.5 degrees, a saturation of 41% and a lightness of 55.5%. #b2bc5f color hex could be obtained by blending #ffffbe with #657900. Closest websafe color is: #99cc66.

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

● #b2bc5f color description : Slightly desaturated yellow.

The hexadecimal color #b2bc5f has RGB values of R:178, G:188, B:95 and CMYK values of C:0.05, M:0, Y:0.49, K:0.26. Its decimal value is 11713631.

Hex triplet	b2bc5f	`#b2bc5f`
RGB Decimal	178, 188, 95	`rgb(178,188,95)`
RGB Percent	69.8, 73.7, 37.3	`rgb(69.8%,73.7%,37.3%)`
CMYK	5, 0, 49, 26
HSL	66.5°, 41, 55.5	`hsl(66.5,41%,55.5%)`
HSV (or HSB)	66.5°, 49.5, 73.7
Web Safe	99cc66	`#99cc66`

CIE-LAB	73.713, -17.034, 45.46
XYZ	38.408, 46.258, 17.731
xyY	0.375, 0.452, 46.258
CIE-LCH	73.713, 48.547, 110.542
CIE-LUV	73.713, -2.151, 59.116
Hunter-Lab	68.013, -18.22, 32.152
Binary	10110010, 10111100, 01011111

#b2bc5f
```
#b2bc5f rgb(178,188,95)
```
#695fbc
```
#695fbc rgb(105,95,188)
```

Complementary Color

#bc985f
```
#bc985f rgb(188,152,95)
```
#b2bc5f
```
#b2bc5f rgb(178,188,95)
```
#84bc5f
```
#84bc5f rgb(132,188,95)
```

Analogous Color

#985fbc
```
#985fbc rgb(152,95,188)
```
#b2bc5f
```
#b2bc5f rgb(178,188,95)
```
#5f84bc
```
#5f84bc rgb(95,132,188)
```

Split Complementary Color

#bc5fb2
```
#bc5fb2 rgb(188,95,178)
```
#b2bc5f
```
#b2bc5f rgb(178,188,95)
```
#5fb2bc
```
#5fb2bc rgb(95,178,188)
```

Triadic Color

#bc695f
```
#bc695f rgb(188,105,95)
```
#b2bc5f
```
#b2bc5f rgb(178,188,95)
```
#5fb2bc
```
#5fb2bc rgb(95,178,188)
```
#695fbc
```
#695fbc rgb(105,95,188)
```

Tetradic Color

#88923d
```
#88923d rgb(136,146,61)
```
#99a444
```
#99a444 rgb(153,164,68)
```
#a9b44d
```
#a9b44d rgb(169,180,77)
```
#b2bc5f
```
#b2bc5f rgb(178,188,95)
```
#bbc471
```
#bbc471 rgb(187,196,113)
```
#c3cb83
```
#c3cb83 rgb(195,203,131)
```
#ccd395
```
#ccd395 rgb(204,211,149)
```

Monochromatic Color

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

#bcaf5f
```
#bcaf5f rgb(188,175,95)
```
#bcb75f
```
#bcb75f rgb(188,183,95)
```
#babc5f
```
#babc5f rgb(186,188,95)
```
#b2bc5f
```
#b2bc5f rgb(178,188,95)
```
#aabc5f
```
#aabc5f rgb(170,188,95)
```
#a3bc5f
```
#a3bc5f rgb(163,188,95)
```
#9bbc5f
```
#9bbc5f rgb(155,188,95)
```

Similar Colors

Text with hexadecimal color #b2bc5f

This text has a font color of #b2bc5f.

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

#b2bc5f background color

This paragraph has a background color of #b2bc5f.

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

#b2bc5f border color

This element has a border color of #b2bc5f.

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

CSS codes

.text {color:#b2bc5f;}

.background {background-color:#b2bc5f;}

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

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

#060602
```
#060602 rgb(6,6,2)
```
#131408
```
#131408 rgb(19,20,8)
```
#1f220e
```
#1f220e rgb(31,34,14)
```
#2c2f14
```
#2c2f14 rgb(44,47,20)
```
#393d1a
```
#393d1a rgb(57,61,26)
```
#464b1f
```
#464b1f rgb(70,75,31)
```
#535925
```
#535925 rgb(83,89,37)
```
#60672b
```
#60672b rgb(96,103,43)
```
#6d7531
```
#6d7531 rgb(109,117,49)
```
#7a8237
```
#7a8237 rgb(122,130,55)
```
#87903c
```
#87903c rgb(135,144,60)
```
#949e42
```
#949e42 rgb(148,158,66)
```
#a1ac48
```
#a1ac48 rgb(161,172,72)
```

Shade Color Variation

#abb651
```
#abb651 rgb(171,182,81)
```
#b2bc5f
```
#b2bc5f rgb(178,188,95)
```
#b9c26d
```
#b9c26d rgb(185,194,109)
```
#bfc87b
```
#bfc87b rgb(191,200,123)
```
#c6cd88
```
#c6cd88 rgb(198,205,136)
```
#cdd396
```
#cdd396 rgb(205,211,150)
```
#d3d9a4
```
#d3d9a4 rgb(211,217,164)
```
#dadfb2
```
#dadfb2 rgb(218,223,178)
```
#e1e5c0
```
#e1e5c0 rgb(225,229,192)
```
#e7eace
```
#e7eace rgb(231,234,206)
```
#eef0db
```
#eef0db rgb(238,240,219)
```
#f5f6e9
```
#f5f6e9 rgb(245,246,233)
```
#fbfcf7
```
#fbfcf7 rgb(251,252,247)
```

Tint Color Variation

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

#90908b
```
#90908b rgb(144,144,139)
```
#979982
```
#979982 rgb(151,153,130)
```
#9da279
```
#9da279 rgb(157,162,121)
```
#a4ab70
```
#a4ab70 rgb(164,171,112)
```
#abb368
```
#abb368 rgb(171,179,104)
```
#b2bc5f
```
#b2bc5f rgb(178,188,95)
```
#b9c556
```
#b9c556 rgb(185,197,86)
```
#c0cd4e
```
#c0cd4e rgb(192,205,78)
```
#c7d645
```
#c7d645 rgb(199,214,69)
```
#cddf3c
```
#cddf3c rgb(205,223,60)
```
#d4e833
```
#d4e833 rgb(212,232,51)
```
#dbf02b
```
#dbf02b rgb(219,240,43)
```
#e2f922
```
#e2f922 rgb(226,249,34)
```

Tone Color Variation

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

#cbb965 Protanopia 1% of men
#dfb06c Deuteranopia 1% of men
#c1b5c2 Tritanopia 0.001% of the population

Trichromacy

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

#b2bc5f hex color

#b2bc5f Color Information

#b2bc5f Color Conversion

Color Schemes with #b2bc5f

Alternatives to #b2bc5f

#b2bc5f Preview

Shades and Tints of #b2bc5f

Tones of #b2bc5f

Color Blindness Simulator