#bcb86f hex color

In a RGB color space, hex #bcb86f is composed of 73.7% red, 72.2% green and 43.5% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 2.1% magenta, 41% yellow and 26.3% black. It has a hue angle of 56.9 degrees, a saturation of 36.5% and a lightness of 58.6%. #bcb86f color hex could be obtained by blending #ffffde with #797100. Closest websafe color is: #cccc66.

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

● #bcb86f color description : Slightly desaturated yellow.

The hexadecimal color #bcb86f has RGB values of R:188, G:184, B:111 and CMYK values of C:0, M:0.02, Y:0.41, K:0.26. Its decimal value is 12367983.

Hex triplet	bcb86f	`#bcb86f`
RGB Decimal	188, 184, 111	`rgb(188,184,111)`
RGB Percent	73.7, 72.2, 43.5	`rgb(73.7%,72.2%,43.5%)`
CMYK	0, 2, 41, 26
HSL	56.9°, 36.5, 58.6	`hsl(56.9,36.5%,58.6%)`
HSV (or HSB)	56.9°, 41, 73.7
Web Safe	cccc66	`#cccc66`

CIE-LAB	73.624, -9.292, 37.532
XYZ	40.748, 46.121, 21.794
xyY	0.375, 0.424, 46.121
CIE-LCH	73.624, 38.666, 103.906
CIE-LUV	73.624, 6.153, 49.637
Hunter-Lab	67.912, -11.743, 28.512
Binary	10111100, 10111000, 01101111

#bcb86f
```
#bcb86f rgb(188,184,111)
```
#6f73bc
```
#6f73bc rgb(111,115,188)
```

Complementary Color

#bc926f
```
#bc926f rgb(188,146,111)
```
#bcb86f
```
#bcb86f rgb(188,184,111)
```
#9abc6f
```
#9abc6f rgb(154,188,111)
```

Analogous Color

#926fbc
```
#926fbc rgb(146,111,188)
```
#bcb86f
```
#bcb86f rgb(188,184,111)
```
#6f9abc
```
#6f9abc rgb(111,154,188)
```

Split Complementary Color

#b86fbc
```
#b86fbc rgb(184,111,188)
```
#bcb86f
```
#bcb86f rgb(188,184,111)
```
#6fbcb8
```
#6fbcb8 rgb(111,188,184)
```

Triadic Color

#bc6f73
```
#bc6f73 rgb(188,111,115)
```
#bcb86f
```
#bcb86f rgb(188,184,111)
```
#6fbcb8
```
#6fbcb8 rgb(111,188,184)
```
#6f73bc
```
#6f73bc rgb(111,115,188)
```

Tetradic Color

#989447
```
#989447 rgb(152,148,71)
```
#a9a54f
```
#a9a54f rgb(169,165,79)
```
#b4af5e
```
#b4af5e rgb(180,175,94)
```
#bcb86f
```
#bcb86f rgb(188,184,111)
```
#c4c180
```
#c4c180 rgb(196,193,128)
```
#ccc992
```
#ccc992 rgb(204,201,146)
```
#d4d2a3
```
#d4d2a3 rgb(212,210,163)
```

Monochromatic Color

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

#bca56f
```
#bca56f rgb(188,165,111)
```
#bcab6f
```
#bcab6f rgb(188,171,111)
```
#bcb26f
```
#bcb26f rgb(188,178,111)
```
#bcb86f
```
#bcb86f rgb(188,184,111)
```
#babc6f
```
#babc6f rgb(186,188,111)
```
#b3bc6f
```
#b3bc6f rgb(179,188,111)
```
#adbc6f
```
#adbc6f rgb(173,188,111)
```

Similar Colors

Text with hexadecimal color #bcb86f

This text has a font color of #bcb86f.

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

#bcb86f background color

This paragraph has a background color of #bcb86f.

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

#bcb86f border color

This element has a border color of #bcb86f.

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

CSS codes

.text {color:#bcb86f;}

.background {background-color:#bcb86f;}

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

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)
```
#111008
```
#111008 rgb(17,16,8)
```
#1e1d0e
```
#1e1d0e rgb(30,29,14)
```
#2b2a14
```
#2b2a14 rgb(43,42,20)
```
#39371a
```
#39371a rgb(57,55,26)
```
#464421
```
#464421 rgb(70,68,33)
```
#545127
```
#545127 rgb(84,81,39)
```
#615e2d
```
#615e2d rgb(97,94,45)
```
#6e6b33
```
#6e6b33 rgb(110,107,51)
```
#7c783a
```
#7c783a rgb(124,120,58)
```
#898540
```
#898540 rgb(137,133,64)
```
#979246
```
#979246 rgb(151,146,70)
```
#a49f4c
```
#a49f4c rgb(164,159,76)
```

Shade Color Variation

#b0ab54
```
#b0ab54 rgb(176,171,84)
```
#b6b162
```
#b6b162 rgb(182,177,98)
```
#bcb86f
```
#bcb86f rgb(188,184,111)
```
#c2bf7c
```
#c2bf7c rgb(194,191,124)
```
#c8c58a
```
#c8c58a rgb(200,197,138)
```
#cfcc97
```
#cfcc97 rgb(207,204,151)
```
#d5d2a5
```
#d5d2a5 rgb(213,210,165)
```
#dbd9b2
```
#dbd9b2 rgb(219,217,178)
```
#e1e0bf
```
#e1e0bf rgb(225,224,191)
```
#e8e6cd
```
#e8e6cd rgb(232,230,205)
```
#eeedda
```
#eeedda rgb(238,237,218)
```
#f4f3e7
```
#f4f3e7 rgb(244,243,231)
```
#fafaf5
```
#fafaf5 rgb(250,250,245)
```

Tint Color Variation

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

#9c9b8f
```
#9c9b8f rgb(156,155,143)
```
#a4a287
```
#a4a287 rgb(164,162,135)
```
#aca97f
```
#aca97f rgb(172,169,127)
```
#b4b177
```
#b4b177 rgb(180,177,119)
```
#bcb86f
```
#bcb86f rgb(188,184,111)
```
#c4bf67
```
#c4bf67 rgb(196,191,103)
```
#ccc75f
```
#ccc75f rgb(204,199,95)
```
#d4ce57
```
#d4ce57 rgb(212,206,87)
```
#dcd54f
```
#dcd54f rgb(220,213,79)
```
#e5dc46
```
#e5dc46 rgb(229,220,70)
```
#ede43e
```
#ede43e rgb(237,228,62)
```
#f5eb36
```
#f5eb36 rgb(245,235,54)
```
#fdf22e
```
#fdf22e rgb(253,242,46)
```

Tone Color Variation

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

#b1b1b1 Achromatopsia 0.005% of the population
#b3b2a4 Atypical Achromatopsia 0.001% of the population

Dichromacy

#c9b875 Protanopia 1% of men
#dcb179 Deuteranopia 1% of men
#c8b2bf Tritanopia 0.001% of the population

Trichromacy

#c4b873 Protanomaly 1% of men, 0.01% of women
#d0b375 Deuteranomaly 6% of men, 0.4% of women
#c4b4a2 Tritanomaly 0.01% of the population

#bcb86f hex color

#bcb86f Color Information

#bcb86f Color Conversion

Color Schemes with #bcb86f

Alternatives to #bcb86f

#bcb86f Preview

Shades and Tints of #bcb86f

Tones of #bcb86f

Color Blindness Simulator