Color #BCA476

Color info

#BCA476 contains mainly red and green colors. Web safe color of #BCA476 is #CC9966 (or #C96).

RGB color model

#BCA476 color RGB value is (188,164,118).

red value is 188;
green value is 164;
blue value is 118.

RGB:
(188,164,118)
(74%,64%,46%)

RGB channels and saturation

R 188 of 255 = 74%
G 164 of 255 = 64%
B 118 of 255 = 46%

188

164

118

R + G + B ~ 61%. #BCA476 is quite light color.

Portions of RGB colors in percentages

R + G + B =
188 + 164 + 118 = 470 (100%)
R 188 of 470 ~ 40%
G 164 of 470 ~ 34.89%
B 118 of 470 ~ 25.11%

%40

%34.89

%25.11

CMYK color model

#BCA476 color CMYK value is (0,13,37,26).

cyan value is 0.00%
magenta value is 12.77%
yellow value is 37.23%
key color value is 26.27%

CMYK:
(0,13,37,26)
C0M13Y37K26 
(0%,13%,37%,26%)
(0.00/0.13/0.37/0.26)

CMYK percentages

%12.77

%37.23

%26.27

Codes

Color #BCA476 in popluar color models

	BC	A4	76
RGB	188	164	118
HSL	39°	34.31%	60.00%
HSB/HSV	39°	37.23%	73.73%
CMYK	0.00%	12.77%	37.23%
CMYK	26.27%

Color #BCA476 in popluar number systems.

HEX	BC	A4	76
Decimal	188	164	118
Binary	10111100	10100100	1110110
Octal	274	244	166

Shades and tints

Shades of #BCA476

#BCA476
(188,164,118)

#AB966C
(171,150,108)

#9A8862
(154,136,98)

#897A58
(137,122,88)

#786C4E
(120,108,78)

#675E44
(103,94,68)

#56503A
(86,80,58)

#454230
(69,66,48)

#343426
(52,52,38)

#23261C
(35,38,28)

#121812
(18,24,18)

#000000
(0,0,0)

Tints of #BCA476

#BCA476
(188,164,118)

#C2AC82
(194,172,130)

#C8B48E
(200,180,142)

#CEBC9A
(206,188,154)

#D4C4A6
(212,196,166)

#DACCB2
(218,204,178)

#E0D4BE
(224,212,190)

#E6DCCA
(230,220,202)

#ECE4D6
(236,228,214)

#F2ECE2
(242,236,226)

#F8F4EE
(248,244,238)

#FFFFFF
(255,255,255)

CSS3 styles

Examples of css and html codes for elements with #BCA476 color. Also use rgb(188,164,118) instead hex code.

Text Font Color

.myTextColor { color: #BCA476; }

<p style="color:#BCA476">This sample text font color is #BCA476.</p>

This text font color is #BCA476.

Background Color

.myBgColor { background-color: #BCA476; }

<div style="background-color:#BCA476">Inner text</div>

This div background color is #BCA476.

Border color

.myBorderColor { border: 1px solid #BCA476; }

<div style="border:3px solid #BCA476">Div</div>

This div border color is #BCA476.

Opacity

.myOpacity80 { color: #BCA476; opacity: 0.8; }

<p style="color:#BCA476;opacity:0.8;">80%</p>

Text with #BCA476 color and opacity 100% | 80% | 50% | 30%.

Background with opacity value 100%.

Background with opacity value 80%.

Background with opacity value 50%.

Background with opacity value 30%.

Text shadow color

.textShadow {text-shadow: 3px 3px 1px #BCA476;}

<p style="text-shadow: 3px 3px 1px #BCA476">Text here.</p>

This text has shadow with #BCA476 color.

.textShadow {text-shadow: 3px 3px 1px #BCA476, 3px 3px 1px red;}

<p style="text-shadow: 3px 3px 1px #BCA476, 5px 5px 20px red">Text here.</p>

This text has shadow with #BCA476 primary color and red secondary color.

Styles for old Internet Explorer:
.textShadow {filter: Shadow(Color=#BCA476, Direction=45, Strength=4)}

<p style="filter: Shadow(Color=#BCA476, Direction=45, Strength=4)">Text</p>

This text has shadow with #BCA476 and red colors in old Internet Explorer.

Div box shadow color

/* css code */
.divShadow
{
  -moz-box-shadow:	1px 1px 3px 2px #BCA476;
  -webkit-box-shadow:	1px 1px 3px 2px #BCA476;
  box-shadow:		1px 1px 3px 2px #BCA476;
}

/* html code with inline style */
<div style="-moz-box-shadow: 1px 1px 3px 2px #BCA476;
-webkit-box-shadow: 1px 1px 3px 2px #BCA476;
box-shadow:1px 1px 3px 2px #BCA476;">
Div content here</div>

This div box has shadow with color #BCA476.

Preview

Color preview on black background

This text has color #BCA476 on black background.

Color preview on white background

This text has color #BCA476 on white background.

Black color preview on #BCA476 background

This text has black color on #BCA476 background.

White color preview on #BCA476 background

This text has white color on #BCA476 background.