Color #BCCAAC

Color info

#BCCAAC contains red, green and blue colors in about the same proportion. Web safe color of #BCCAAC is #CCCC99 (or #CC9).

RGB color model

#BCCAAC color RGB value is (188,202,172).

red value is 188;
green value is 202;
blue value is 172.

RGB: (188,202,172) (74%,79%,67%)

RGB channels and saturation

R 188 of 255 = 74%
G 202 of 255 = 79%
B 172 of 255 = 67%

188

202

172

R + G + B ~ 73%. #BCCAAC is quite light color.

Portions of RGB colors in percentages

R + G + B =
188 + 202 + 172 = 562 (100%)
R 188 of 562 ~ 33.45%
G 202 of 562 ~ 35.94%
B 172 of 562 ~ 30.6%

%33.45

%35.94

%30.6

CMYK color model

#BCCAAC color CMYK value is (7,0,15,21).

cyan value is 6.93%
magenta value is 0.00%
yellow value is 14.85%
key color value is 20.78%

CMYK: (7,0,15,21) C7M0Y15K21 (7%,0%,15%,21%) (0.07/0.00/0.15/0.21)

CMYK percentages

%6.93

%14.85

%20.78

Codes

Color #BCCAAC in popluar color models

	BC	CA	AC
RGB	188	202	172
HSL	88°	22.06%	73.33%
HSB/HSV	88°	14.85%	79.22%
CMYK	6.93%	0.00%	14.85%
CMYK	20.78%

Color #BCCAAC in popluar number systems.

HEX	BC	CA	AC
Decimal	188	202	172
Binary	10111100	11001010	10101100
Octal	274	312	254

Shades and tints

Shades of #BCCAAC

#BCCAAC
(188,202,172)

#ABB89D
(171,184,157)

#9AA68E
(154,166,142)

#89947F
(137,148,127)

#788270
(120,130,112)

#677061
(103,112,97)

#565E52
(86,94,82)

#454C43
(69,76,67)

#343A34
(52,58,52)

#232825
(35,40,37)

#121616
(18,22,22)

#000000
(0,0,0)

Tints of #BCCAAC

#BCCAAC
(188,202,172)

#C2CEB3
(194,206,179)

#C8D2BA
(200,210,186)

#CED6C1
(206,214,193)

#D4DAC8
(212,218,200)

#DADECF
(218,222,207)

#E0E2D6
(224,226,214)

#E6E6DD
(230,230,221)

#ECEAE4
(236,234,228)

#F2EEEB
(242,238,235)

#F8F2F2
(248,242,242)

#FFFFFF
(255,255,255)

CSS3 styles

Examples of css and html codes for elements with #BCCAAC color. Also use rgb(188,202,172) instead hex code.

Text Font Color

.myTextColor { color: #BCCAAC; }

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

This text font color is #BCCAAC.

Background Color

.myBgColor { background-color: #BCCAAC; }

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

This div background color is #BCCAAC.

Border color

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

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

This div border color is #BCCAAC.

Opacity

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

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

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

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

This text has shadow with #BCCAAC color.

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

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

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

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

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

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

Div box shadow color

 /* css code */ .divShadow { -moz-box-shadow:	1px 1px 3px 2px #BCCAAC; -webkit-box-shadow:	1px 1px 3px 2px #BCCAAC; box-shadow:	1px 1px 3px 2px #BCCAAC; } /* html code with inline style */ <div style="-moz-box-shadow: 1px 1px 3px 2px #BCCAAC; -webkit-box-shadow: 1px 1px 3px 2px #BCCAAC; box-shadow:1px 1px 3px 2px #BCCAAC;">
Div content here</div>

This div box has shadow with color #BCCAAC.

Preview

Color preview on black background

This text has color #BCCAAC on black background.

Color preview on white background

This text has color #BCCAAC on white background.

Black color preview on #BCCAAC background

This text has black color on #BCCAAC background.

White color preview on #BCCAAC background

This text has white color on #BCCAAC background.