#b2bc6f hex color

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

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

● #b2bc6f color description : Slightly desaturated yellow.

The hexadecimal color #b2bc6f has RGB values of R:178, G:188, B:111 and CMYK values of C:0.05, M:0, Y:0.41, K:0.26. Its decimal value is 11713647.

Hex triplet	b2bc6f	`#b2bc6f`
RGB Decimal	178, 188, 111	`rgb(178,188,111)`
RGB Percent	69.8, 73.7, 43.5	`rgb(69.8%,73.7%,43.5%)`
CMYK	5, 0, 41, 26
HSL	67.8°, 36.5, 58.6	`hsl(67.8,36.5%,58.6%)`
HSV (or HSB)	67.8°, 41, 73.7
Web Safe	99cc66	`#99cc66`

CIE-LAB	73.92, -15.368, 37.741
XYZ	39.212, 46.579, 21.963
xyY	0.364, 0.432, 46.579
CIE-LCH	73.92, 40.75, 112.156
CIE-LUV	73.92, -2.599, 51.132
Hunter-Lab	68.249, -16.88, 28.694
Binary	10110010, 10111100, 01101111

#b2bc6f
```
#b2bc6f rgb(178,188,111)
```
#796fbc
```
#796fbc rgb(121,111,188)
```

Complementary Color

#bca06f
```
#bca06f rgb(188,160,111)
```
#b2bc6f
```
#b2bc6f rgb(178,188,111)
```
#8cbc6f
```
#8cbc6f rgb(140,188,111)
```

Analogous Color

#a06fbc
```
#a06fbc rgb(160,111,188)
```
#b2bc6f
```
#b2bc6f rgb(178,188,111)
```
#6f8cbc
```
#6f8cbc rgb(111,140,188)
```

Split Complementary Color

#bc6fb2
```
#bc6fb2 rgb(188,111,178)
```
#b2bc6f
```
#b2bc6f rgb(178,188,111)
```
#6fb2bc
```
#6fb2bc rgb(111,178,188)
```

Triadic Color

#bc796f
```
#bc796f rgb(188,121,111)
```
#b2bc6f
```
#b2bc6f rgb(178,188,111)
```
#6fb2bc
```
#6fb2bc rgb(111,178,188)
```
#796fbc
```
#796fbc rgb(121,111,188)
```

Tetradic Color

#8d9847
```
#8d9847 rgb(141,152,71)
```
#9da94f
```
#9da94f rgb(157,169,79)
```
#a9b45e
```
#a9b45e rgb(169,180,94)
```
#b2bc6f
```
#b2bc6f rgb(178,188,111)
```
#bbc480
```
#bbc480 rgb(187,196,128)
```
#c5cc92
```
#c5cc92 rgb(197,204,146)
```
#ced4a3
```
#ced4a3 rgb(206,212,163)
```

Monochromatic Color

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

#bcb36f
```
#bcb36f rgb(188,179,111)
```
#bcb96f
```
#bcb96f rgb(188,185,111)
```
#b8bc6f
```
#b8bc6f rgb(184,188,111)
```
#b2bc6f
```
#b2bc6f rgb(178,188,111)
```
#acbc6f
```
#acbc6f rgb(172,188,111)
```
#a5bc6f
```
#a5bc6f rgb(165,188,111)
```
#9fbc6f
```
#9fbc6f rgb(159,188,111)
```

Similar Colors

Text with hexadecimal color #b2bc6f

This text has a font color of #b2bc6f.

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

#b2bc6f background color

This paragraph has a background color of #b2bc6f.

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

#b2bc6f border color

This element has a border color of #b2bc6f.

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

CSS codes

.text {color:#b2bc6f;}

.background {background-color:#b2bc6f;}

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

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

#030302
```
#030302 rgb(3,3,2)
```
#0f1108
```
#0f1108 rgb(15,17,8)
```
#1c1e0e
```
#1c1e0e rgb(28,30,14)
```
#282b14
```
#282b14 rgb(40,43,20)
```
#35391a
```
#35391a rgb(53,57,26)
```
#414621
```
#414621 rgb(65,70,33)
```
#4e5427
```
#4e5427 rgb(78,84,39)
```
#5a612d
```
#5a612d rgb(90,97,45)
```
#676e33
```
#676e33 rgb(103,110,51)
```
#737c3a
```
#737c3a rgb(115,124,58)
```
#808940
```
#808940 rgb(128,137,64)
```
#8c9746
```
#8c9746 rgb(140,151,70)
```
#99a44c
```
#99a44c rgb(153,164,76)
```

Shade Color Variation

#a4b054
```
#a4b054 rgb(164,176,84)
```
#abb662
```
#abb662 rgb(171,182,98)
```
#b2bc6f
```
#b2bc6f rgb(178,188,111)
```
#b9c27c
```
#b9c27c rgb(185,194,124)
```
#c0c88a
```
#c0c88a rgb(192,200,138)
```
#c7cf97
```
#c7cf97 rgb(199,207,151)
```
#cfd5a5
```
#cfd5a5 rgb(207,213,165)
```
#d6dbb2
```
#d6dbb2 rgb(214,219,178)
```
#dde1bf
```
#dde1bf rgb(221,225,191)
```
#e4e8cd
```
#e4e8cd rgb(228,232,205)
```
#ebeeda
```
#ebeeda rgb(235,238,218)
```
#f2f4e7
```
#f2f4e7 rgb(242,244,231)
```
#fafaf5
```
#fafaf5 rgb(250,250,245)
```

Tint Color Variation

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

#9a9c8f
```
#9a9c8f rgb(154,156,143)
```
#a0a487
```
#a0a487 rgb(160,164,135)
```
#a6ac7f
```
#a6ac7f rgb(166,172,127)
```
#acb477
```
#acb477 rgb(172,180,119)
```
#b2bc6f
```
#b2bc6f rgb(178,188,111)
```
#b8c467
```
#b8c467 rgb(184,196,103)
```
#becc5f
```
#becc5f rgb(190,204,95)
```
#c4d457
```
#c4d457 rgb(196,212,87)
```
#cadc4f
```
#cadc4f rgb(202,220,79)
```
#d0e546
```
#d0e546 rgb(208,229,70)
```
#d6ed3e
```
#d6ed3e rgb(214,237,62)
```
#dcf536
```
#dcf536 rgb(220,245,54)
```
#e2fd2e
```
#e2fd2e rgb(226,253,46)
```

Tone Color Variation

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

#b0b0b0 Achromatopsia 0.005% of the population
#b0b2a3 Atypical Achromatopsia 0.001% of the population

Dichromacy

#cab974 Protanopia 1% of men
#ddb17a Deuteranopia 1% of men
#c0b6c3 Tritanopia 0.001% of the population

Trichromacy

#c1ba72 Protanomaly 1% of men, 0.01% of women
#cdb576 Deuteranomaly 6% of men, 0.4% of women
#bbb8a4 Tritanomaly 0.01% of the population

#b2bc6f hex color

#b2bc6f Color Information

#b2bc6f Color Conversion

Color Schemes with #b2bc6f

Alternatives to #b2bc6f

#b2bc6f Preview

Shades and Tints of #b2bc6f

Tones of #b2bc6f

Color Blindness Simulator