Color #BCCADD

Color info

#BCCADD contains red, green and blue colors in about the same proportion. Web safe color of #BCCADD is #CCCCCC (or #CCC).

RGB color model

#BCCADD color RGB value is (188,202,221).

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

RGB:
(188,202,221)
(74%,79%,87%)

RGB channels and saturation

R 188 of 255 = 74%
G 202 of 255 = 79%
B 221 of 255 = 87%

188

202

221

R + G + B ~ 80%. #BCCADD is quite light color.

Portions of RGB colors in percentages

R + G + B =
188 + 202 + 221 = 611 (100%)
R 188 of 611 ~ 30.77%
G 202 of 611 ~ 33.06%
B 221 of 611 ~ 36.17%

%30.77

%33.06

%36.17

CMYK color model

#BCCADD color CMYK value is (15,9,0,13).

cyan value is 14.93%
magenta value is 8.60%
yellow value is 0.00%
key color value is 13.33%

CMYK:
(15,9,0,13)
C15M9Y0K13 
(15%,9%,0%,13%)
(0.15/0.09/0.00/0.13)

CMYK percentages

%14.93

%8.6

%13.33

Codes

Color #BCCADD in popluar color models

	BC	CA	DD
RGB	188	202	221
HSL	215°	32.67%	80.20%
HSB/HSV	215°	14.93%	86.67%
CMYK	14.93%	8.60%	0.00%
CMYK	13.33%

Color #BCCADD in popluar number systems.

HEX	BC	CA	DD
Decimal	188	202	221
Binary	10111100	11001010	11011101
Octal	274	312	335

Shades and tints

Shades of #BCCADD

#BCCADD
(188,202,221)

#ABB8C9
(171,184,201)

#9AA6B5
(154,166,181)

#8994A1
(137,148,161)

#78828D
(120,130,141)

#677079
(103,112,121)

#565E65
(86,94,101)

#454C51
(69,76,81)

#343A3D
(52,58,61)

#232829
(35,40,41)

#121615
(18,22,21)

#000000
(0,0,0)

Tints of #BCCADD

#BCCADD
(188,202,221)

#C2CEE0
(194,206,224)

#C8D2E3
(200,210,227)

#CED6E6
(206,214,230)

#D4DAE9
(212,218,233)

#DADEEC
(218,222,236)

#E0E2EF
(224,226,239)

#E6E6F2
(230,230,242)

#ECEAF5
(236,234,245)

#F2EEF8
(242,238,248)

#F8F2FB
(248,242,251)

#FFFFFF
(255,255,255)

CSS3 styles

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

Text Font Color

.myTextColor { color: #BCCADD; }

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

This text font color is #BCCADD.

Background Color

.myBgColor { background-color: #BCCADD; }

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

This div background color is #BCCADD.

Border color

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

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

This div border color is #BCCADD.

Opacity

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

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

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

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

This text has shadow with #BCCADD color.

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

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

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

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

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

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

Div box shadow color

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

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

This div box has shadow with color #BCCADD.

Preview

Color preview on black background

This text has color #BCCADD on black background.

Color preview on white background

This text has color #BCCADD on white background.

Black color preview on #BCCADD background

This text has black color on #BCCADD background.

White color preview on #BCCADD background

This text has white color on #BCCADD background.