COLOR #BCCDEB

HEX: #BCCDEB RGB: (188,205,235)

Color info
Codes
CSS3 styles
Preview
Shades and tints
Color combinations

Color info

#BCCDEB contains red, green and blue colors in about the same proportion. Web safe color of #BCCDEB is #CCCCFF (or #CCF).

RGB color model

#BCCDEB color RGB value is (188,205,235).

red value is 188;
green value is 205;
blue value is 235.

RGB: (188,205,235) (74%, 80%, 92%)

RGB channels and saturation

R 188 of 255 = 74%
G 205 of 255 = 80%
B 235 of 255 = 92%

188

205

235

R + G + B ~ 82%. #BCCDEB is quite light color.

Portions of RGB colors in percentages

R + G + B = 188 + 205 + 235 = 628 (100%)
R 188 of 628 ~ 29.94%
G 205 of 628 ~ 32.64%
B 235 of 628 ~ 37.42'%

%29.94

%32.64

%37.42

CMYK color model

#BCCDEB color CMYK value is (20,13,0,8).

cyan value is 20.00%
magenta value is 12.77%
yellow value is 0.00%
key color value is 7.84%

CMYK: (20,13,0,8) C20M13Y0K8 (20%,13%,0%,8%) (0.20/0.13/0.00/0.08)

CMYK percentages

%20

%12.77

%7.84

Codes

Color #BCCDEB in popluar color models

	BC	CD	EB
RGB	188	205	235
HSL	218°	54.02%	82.94%
HSB/HSV	218°	20.00%	92.16%
CMYK	20.00%	12.77%	0.00%
CMYK	7.84%

Color #BCCDEB in popluar number systems.

HEX	BC	CD	EB
Decimal	188	205	235
Binary	10111100	11001101	11101011
Octal	274	315	353

Shades and tints

Shades of #BCCDEB

#BCCDEB
(188,205,235)

#ABBBD6
(171,187,214)

#9AA9C1
(154,169,193)

#8997AC
(137,151,172)

#788597
(120,133,151)

#677382
(103,115,130)

#56616D
(86,97,109)

#454F58
(69,79,88)

#343D43
(52,61,67)

#232B2E
(35,43,46)

#121919
(18,25,25)

#000000
(0,0,0)

Tints of #BCCDEB

#BCCDEB
(188,205,235)

#C2D1EC
(194,209,236)

#C8D5ED
(200,213,237)

#CED9EE
(206,217,238)

#D4DDEF
(212,221,239)

#DAE1F0
(218,225,240)

#E0E5F1
(224,229,241)

#E6E9F2
(230,233,242)

#ECEDF3
(236,237,243)

#F2F1F4
(242,241,244)

#F8F5F5
(248,245,245)

#FFFFFF
(255,255,255)

CSS3 styles

Examples of css and html codes for elements with #BCCDEB color. Also use rgb(188,205,235) instead hex code.

Text Font Color

.myTextColor { color: #BCCDEB; }

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

This text font color is #BCCDEB.

Background Color

.myBgColor { background-color: #BCCDEB; }

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

This div background color is #BCCDEB.

Border color

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

This div border color is #BCCDEB.

Opacity

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

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

This text has shadow with #BCCDEB color.

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

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

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

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

Div box shadow color

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

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

This div box has shadow with color #BCCDEB.