COLOR #BCA479

HEX: #BCA479
RGB: (188,164,121)

Color info

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

RGB color model

#BCA479 color RGB value is (188,164,121).

  • red value is 188;
  • green value is 164;
  • blue value is 121.
RGB:
(188,164,121)
(74%,64%,47%)

RGB channels and saturation

R 188 of 255 = 74%
G 164 of 255 = 64%
B 121 of 255 = 47%

188
164
121

R + G + B ~ 62%. #BCA479 is quite light color.

Portions of RGB colors in percentages

R + G + B =
188 + 164 + 121 = 473 (100%)
R 188 of 473 ~ 39.75%
G 164 of 473 ~ 34.67%
B 121 of 473 ~ 25.58%

%39.75
%34.67
%25.58

CMYK color model

#BCA479 color CMYK value is (0,13,36,26).

  • cyan value is 0.00%
  • magenta value is 12.77%
  • yellow value is 35.64%
  • key color value is 26.27%
CMYK:
(0,13,36,26)
C0M13Y36K26 
(0%,13%,36%,26%)
(0.00/0.13/0.36/0.26)	

CMYK percentages

%0
%12.77
%35.64
%26.27

Codes

Color #BCA479 in popluar color models

BCA479
RGB188164121
HSL39°33.33%60.59%
HSB/HSV39°35.64%73.73%
CMYK0.00%12.77%35.64%
26.27%

Color #BCA479 in popluar number systems.

HEXBCA479
Decimal188164121
Binary10111100101001001111001
Octal274244171

Shades and tints

Shades of #BCA479

#BCA479
(188,164,121)
#AB966E
(171,150,110)
#9A8863
(154,136,99)
#897A58
(137,122,88)
#786C4D
(120,108,77)
#675E42
(103,94,66)
#565037
(86,80,55)
#45422C
(69,66,44)
#343421
(52,52,33)
#232616
(35,38,22)
#12180B
(18,24,11)
#000000
(0,0,0)

Tints of #BCA479

#BCA479
(188,164,121)
#C2AC85
(194,172,133)
#C8B491
(200,180,145)
#CEBC9D
(206,188,157)
#D4C4A9
(212,196,169)
#DACCB5
(218,204,181)
#E0D4C1
(224,212,193)
#E6DCCD
(230,220,205)
#ECE4D9
(236,228,217)
#F2ECE5
(242,236,229)
#F8F4F1
(248,244,241)
#FFFFFF
(255,255,255)

CSS3 styles

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

Text Font Color

.myTextColor { color: #BCA479; }

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

This text font color is #BCA479.


Background Color

.myBgColor { background-color: #BCA479; }

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

This div background color is #BCA479.


Border color

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

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

This div border color is #BCA479.


Opacity

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

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

Text with #BCA479 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 #BCA479;}

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

This text has shadow with #BCA479 color.

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

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

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


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

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

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


Div box shadow color

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

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

Preview

Color preview on black background

This text has color #BCA479 on black background.


Color preview on white background

This text has color #BCA479 on white background.



Black color preview on #BCA479 background

This text has black color on #BCA479 background.


White color preview on #BCA479 background

This text has white color on #BCA479 background.