COLOR #BCCBAD

HEX: #BCCBAD
RGB: (188,203,173)

Color info

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

RGB color model

#BCCBAD color RGB value is (188,203,173).

  • red value is 188;
  • green value is 203;
  • blue value is 173.
RGB:
(188,203,173)
(74%,80%,68%)

RGB channels and saturation

R 188 of 255 = 74%
G 203 of 255 = 80%
B 173 of 255 = 68%

188
203
173

R + G + B ~ 74%. #BCCBAD is quite light color.

Portions of RGB colors in percentages

R + G + B =
188 + 203 + 173 = 564 (100%)
R 188 of 564 ~ 33.33%
G 203 of 564 ~ 35.99%
B 173 of 564 ~ 30.67%

%33.33
%35.99
%30.67

CMYK color model

#BCCBAD color CMYK value is (7,0,15,20).

  • cyan value is 7.39%
  • magenta value is 0.00%
  • yellow value is 14.78%
  • key color value is 20.39%
CMYK:
(7,0,15,20)
C7M0Y15K20 
(7%,0%,15%,20%)
(0.07/0.00/0.15/0.20)	

CMYK percentages

%7.39
%0
%14.78
%20.39

Codes

Color #BCCBAD in popluar color models

BCCBAD
RGB188203173
HSL90°22.39%73.73%
HSB/HSV90°14.78%79.61%
CMYK7.39%0.00%14.78%
20.39%

Color #BCCBAD in popluar number systems.

HEXBCCBAD
Decimal188203173
Binary101111001100101110101101
Octal274313255

Shades and tints

Shades of #BCCBAD

#BCCBAD
(188,203,173)
#ABB99E
(171,185,158)
#9AA78F
(154,167,143)
#899580
(137,149,128)
#788371
(120,131,113)
#677162
(103,113,98)
#565F53
(86,95,83)
#454D44
(69,77,68)
#343B35
(52,59,53)
#232926
(35,41,38)
#121717
(18,23,23)
#000000
(0,0,0)

Tints of #BCCBAD

#BCCBAD
(188,203,173)
#C2CFB4
(194,207,180)
#C8D3BB
(200,211,187)
#CED7C2
(206,215,194)
#D4DBC9
(212,219,201)
#DADFD0
(218,223,208)
#E0E3D7
(224,227,215)
#E6E7DE
(230,231,222)
#ECEBE5
(236,235,229)
#F2EFEC
(242,239,236)
#F8F3F3
(248,243,243)
#FFFFFF
(255,255,255)

CSS3 styles

Examples of css and html codes for elements with #BCCBAD color. Also use rgb(188,203,173) instead hex code.

Text Font Color

.myTextColor { color: #BCCBAD; }

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

This text font color is #BCCBAD.


Background Color

.myBgColor { background-color: #BCCBAD; }

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

This div background color is #BCCBAD.


Border color

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

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

This div border color is #BCCBAD.


Opacity

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

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

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

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

This text has shadow with #BCCBAD color.

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

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

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


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

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

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


Div box shadow color

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

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

Preview

Color preview on black background

This text has color #BCCBAD on black background.


Color preview on white background

This text has color #BCCBAD on white background.



Black color preview on #BCCBAD background

This text has black color on #BCCBAD background.


White color preview on #BCCBAD background

This text has white color on #BCCBAD background.