#bcb97a hex color

In a RGB color space, hex #bcb97a is composed of 73.7% red, 72.5% green and 47.8% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 1.6% magenta, 35.1% yellow and 26.3% black. It has a hue angle of 57.3 degrees, a saturation of 33% and a lightness of 60.8%. #bcb97a color hex could be obtained by blending #fffff4 with #797300. Closest websafe color is: #cccc66.

♥
- f
- t
- g
- R 74
- G 73
- B 48
RGB color chart
- C 0
- M 2
- Y 35
- K 26
CMYK color chart

● #bcb97a color description : Slightly desaturated yellow.

The hexadecimal color #bcb97a has RGB values of R:188, G:185, B:122 and CMYK values of C:0, M:0.02, Y:0.35, K:0.26. Its decimal value is 12368250.

Hex triplet	bcb97a	`#bcb97a`
RGB Decimal	188, 185, 122	`rgb(188,185,122)`
RGB Percent	73.7, 72.5, 47.8	`rgb(73.7%,72.5%,47.8%)`
CMYK	0, 2, 35, 26
HSL	57.3°, 33, 60.8	`hsl(57.3,33%,60.8%)`
HSV (or HSB)	57.3°, 35.1, 73.7
Web Safe	cccc66	`#cccc66`

CIE-LAB	74.058, -8.557, 32.395
XYZ	41.6, 46.795, 25.252
xyY	0.366, 0.412, 46.795
CIE-LCH	74.058, 33.506, 104.796
CIE-LUV	74.058, 5.071, 44.015
Hunter-Lab	68.407, -11.16, 25.998
Binary	10111100, 10111001, 01111010

#bcb97a
```
#bcb97a rgb(188,185,122)
```
#7a7dbc
```
#7a7dbc rgb(122,125,188)
```

Complementary Color

#bc987a
```
#bc987a rgb(188,152,122)
```
#bcb97a
```
#bcb97a rgb(188,185,122)
```
#9ebc7a
```
#9ebc7a rgb(158,188,122)
```

Analogous Color

#987abc
```
#987abc rgb(152,122,188)
```
#bcb97a
```
#bcb97a rgb(188,185,122)
```
#7a9ebc
```
#7a9ebc rgb(122,158,188)
```

Split Complementary Color

#b97abc
```
#b97abc rgb(185,122,188)
```
#bcb97a
```
#bcb97a rgb(188,185,122)
```
#7abcb9
```
#7abcb9 rgb(122,188,185)
```

Triadic Color

#bc7a7d
```
#bc7a7d rgb(188,122,125)
```
#bcb97a
```
#bcb97a rgb(188,185,122)
```
#7abcb9
```
#7abcb9 rgb(122,188,185)
```
#7a7dbc
```
#7a7dbc rgb(122,125,188)
```

Tetradic Color

#9b984e
```
#9b984e rgb(155,152,78)
```
#aba758
```
#aba758 rgb(171,167,88)
```
#b3b069
```
#b3b069 rgb(179,176,105)
```
#bcb97a
```
#bcb97a rgb(188,185,122)
```
#c5c28b
```
#c5c28b rgb(197,194,139)
```
#cdcb9c
```
#cdcb9c rgb(205,203,156)
```
#d6d4ad
```
#d6d4ad rgb(214,212,173)
```

Monochromatic Color

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

#bca97a
```
#bca97a rgb(188,169,122)
```
#bcae7a
```
#bcae7a rgb(188,174,122)
```
#bcb47a
```
#bcb47a rgb(188,180,122)
```
#bcb97a
```
#bcb97a rgb(188,185,122)
```
#babc7a
```
#babc7a rgb(186,188,122)
```
#b4bc7a
```
#b4bc7a rgb(180,188,122)
```
#afbc7a
```
#afbc7a rgb(175,188,122)
```

Similar Colors

Text with hexadecimal color #bcb97a

This text has a font color of #bcb97a.

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

#bcb97a background color

This paragraph has a background color of #bcb97a.

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

#bcb97a border color

This element has a border color of #bcb97a.

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

CSS codes

.text {color:#bcb97a;}

.background {background-color:#bcb97a;}

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

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, #0a0a05 is the darkest color, while #fefefc is the lightest one.

#0a0a05
```
#0a0a05 rgb(10,10,5)
```
#18170c
```
#18170c rgb(24,23,12)
```
#252412
```
#252412 rgb(37,36,18)
```
#323119
```
#323119 rgb(50,49,25)
```
#3f3d20
```
#3f3d20 rgb(63,61,32)
```
#4c4a26
```
#4c4a26 rgb(76,74,38)
```
#59572d
```
#59572d rgb(89,87,45)
```
#666433
```
#666433 rgb(102,100,51)
```
#73703a
```
#73703a rgb(115,112,58)
```
#807d40
```
#807d40 rgb(128,125,64)
```
#8d8a47
```
#8d8a47 rgb(141,138,71)
```
#9a974e
```
#9a974e rgb(154,151,78)
```
#a7a354
```
#a7a354 rgb(167,163,84)
```

Shade Color Variation

#afab60
```
#afab60 rgb(175,171,96)
```
#b5b26d
```
#b5b26d rgb(181,178,109)
```
#bcb97a
```
#bcb97a rgb(188,185,122)
```
#c3c087
```
#c3c087 rgb(195,192,135)
```
#c9c794
```
#c9c794 rgb(201,199,148)
```
#d0cea1
```
#d0cea1 rgb(208,206,161)
```
#d6d4ae
```
#d6d4ae rgb(214,212,174)
```
#dddbbb
```
#dddbbb rgb(221,219,187)
```
#e3e2c8
```
#e3e2c8 rgb(227,226,200)
```
#eae9d5
```
#eae9d5 rgb(234,233,213)
```
#f1f0e2
```
#f1f0e2 rgb(241,240,226)
```
#f7f7ef
```
#f7f7ef rgb(247,247,239)
```
#fefefc
```
#fefefc rgb(254,254,252)
```

Tint Color Variation

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

#9d9d99
```
#9d9d99 rgb(157,157,153)
```
#a5a491
```
#a5a491 rgb(165,164,145)
```
#adab89
```
#adab89 rgb(173,171,137)
```
#b4b282
```
#b4b282 rgb(180,178,130)
```
#bcb97a
```
#bcb97a rgb(188,185,122)
```
#c4c072
```
#c4c072 rgb(196,192,114)
```
#cbc76b
```
#cbc76b rgb(203,199,107)
```
#d3ce63
```
#d3ce63 rgb(211,206,99)
```
#dbd55b
```
#dbd55b rgb(219,213,91)
```
#e2dc54
```
#e2dc54 rgb(226,220,84)
```
#eae34c
```
#eae34c rgb(234,227,76)
```
#f2ea44
```
#f2ea44 rgb(242,234,68)
```
#faf13c
```
#faf13c rgb(250,241,60)
```

Tone Color Variation

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

#b3b3b3 Achromatopsia 0.005% of the population
#b5b4a8 Atypical Achromatopsia 0.001% of the population

Dichromacy

#c8b97f Protanopia 1% of men
#dcb284 Deuteranopia 1% of men
#c8b4c1 Tritanopia 0.001% of the population

Trichromacy

#c4b97d Protanomaly 1% of men, 0.01% of women
#d0b480 Deuteranomaly 6% of men, 0.4% of women
#c3b6a7 Tritanomaly 0.01% of the population

#bcb97a hex color

#bcb97a Color Information

#bcb97a Color Conversion

Color Schemes with #bcb97a

Alternatives to #bcb97a

#bcb97a Preview

Shades and Tints of #bcb97a

Tones of #bcb97a

Color Blindness Simulator