Color #B0DCCE

Color info

#B0DCCE contains red, green and blue colors in about the same proportion. Web safe color of #B0DCCE is #99CCCC (or #9CC).

RGB color model

#B0DCCE color RGB value is (176,220,206).

red value is 176;
green value is 220;
blue value is 206.

RGB:
(176,220,206)
(69%,86%,81%)

RGB channels and saturation

R 176 of 255 = 69%
G 220 of 255 = 86%
B 206 of 255 = 81%

176

220

206

R + G + B ~ 79%. #B0DCCE is quite light color.

Portions of RGB colors in percentages

R + G + B =
176 + 220 + 206 = 602 (100%)
R 176 of 602 ~ 29.24%
G 220 of 602 ~ 36.54%
B 206 of 602 ~ 34.22%

%29.24

%36.54

%34.22

CMYK color model

#B0DCCE color CMYK value is (20,0,6,14).

cyan value is 20.00%
magenta value is 0.00%
yellow value is 6.36%
key color value is 13.73%

CMYK:
(20,0,6,14)
C20M0Y6K14 
(20%,0%,6%,14%)
(0.20/0.00/0.06/0.14)

CMYK percentages

%20

%6.36

%13.73

Codes

Color #B0DCCE in popluar color models

	B0	DC	CE
RGB	176	220	206
HSL	161°	38.60%	77.65%
HSB/HSV	161°	20.00%	86.27%
CMYK	20.00%	0.00%	6.36%
CMYK	13.73%

Color #B0DCCE in popluar number systems.

HEX	B0	DC	CE
Decimal	176	220	206
Binary	10110000	11011100	11001110
Octal	260	334	316

Shades and tints

Shades of #B0DCCE

#B0DCCE
(176,220,206)

#A0C8BC
(160,200,188)

#90B4AA
(144,180,170)

#80A098
(128,160,152)

#708C86
(112,140,134)

#607874
(96,120,116)

#506462
(80,100,98)

#405050
(64,80,80)

#303C3E
(48,60,62)

#20282C
(32,40,44)

#10141A
(16,20,26)

#000000
(0,0,0)

Tints of #B0DCCE

#B0DCCE
(176,220,206)

#B7DFD2
(183,223,210)

#BEE2D6
(190,226,214)

#C5E5DA
(197,229,218)

#CCE8DE
(204,232,222)

#D3EBE2
(211,235,226)

#DAEEE6
(218,238,230)

#E1F1EA
(225,241,234)

#E8F4EE
(232,244,238)

#EFF7F2
(239,247,242)

#F6FAF6
(246,250,246)

#FFFFFF
(255,255,255)

CSS3 styles

Examples of css and html codes for elements with #B0DCCE color. Also use rgb(176,220,206) instead hex code.

Text Font Color

.myTextColor { color: #B0DCCE; }

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

This text font color is #B0DCCE.

Background Color

.myBgColor { background-color: #B0DCCE; }

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

This div background color is #B0DCCE.

Border color

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

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

This div border color is #B0DCCE.

Opacity

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

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

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

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

This text has shadow with #B0DCCE color.

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

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

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

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

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

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

Div box shadow color

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

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

This div box has shadow with color #B0DCCE.

Preview

Color preview on black background

This text has color #B0DCCE on black background.

Color preview on white background

This text has color #B0DCCE on white background.

Black color preview on #B0DCCE background

This text has black color on #B0DCCE background.

White color preview on #B0DCCE background

This text has white color on #B0DCCE background.