Color #BCEECA

Color info

#BCEECA contains red, green and blue colors in about the same proportion. Web safe color of #BCEECA is #CCFFCC (or #CFC).

RGB color model

#BCEECA color RGB value is (188,238,202).

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

RGB:
(188,238,202)
(74%,93%,79%)

RGB channels and saturation

R 188 of 255 = 74%
G 238 of 255 = 93%
B 202 of 255 = 79%

188

238

202

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

Portions of RGB colors in percentages

R + G + B =
188 + 238 + 202 = 628 (100%)
R 188 of 628 ~ 29.94%
G 238 of 628 ~ 37.9%
B 202 of 628 ~ 32.17%

%29.94

%37.9

%32.17

CMYK color model

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

cyan value is 21.01%
magenta value is 0.00%
yellow value is 15.13%
key color value is 6.67%

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

CMYK percentages

%21.01

%15.13

%6.67

Codes

Color #BCEECA in popluar color models

	BC	EE	CA
RGB	188	238	202
HSL	137°	59.52%	83.53%
HSB/HSV	137°	21.01%	93.33%
CMYK	21.01%	0.00%	15.13%
CMYK	6.67%

Color #BCEECA in popluar number systems.

HEX	BC	EE	CA
Decimal	188	238	202
Binary	10111100	11101110	11001010
Octal	274	356	312

Shades and tints

Shades of #BCEECA

#BCEECA
(188,238,202)

#ABD9B8
(171,217,184)

#9AC4A6
(154,196,166)

#89AF94
(137,175,148)

#789A82
(120,154,130)

#678570
(103,133,112)

#56705E
(86,112,94)

#455B4C
(69,91,76)

#34463A
(52,70,58)

#233128
(35,49,40)

#121C16
(18,28,22)

#000000
(0,0,0)

Tints of #BCEECA

#BCEECA
(188,238,202)

#C2EFCE
(194,239,206)

#C8F0D2
(200,240,210)

#CEF1D6
(206,241,214)

#D4F2DA
(212,242,218)

#DAF3DE
(218,243,222)

#E0F4E2
(224,244,226)

#E6F5E6
(230,245,230)

#ECF6EA
(236,246,234)

#F2F7EE
(242,247,238)

#F8F8F2
(248,248,242)

#FFFFFF
(255,255,255)

CSS3 styles

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

Text Font Color

.myTextColor { color: #BCEECA; }

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

This text font color is #BCEECA.

Background Color

.myBgColor { background-color: #BCEECA; }

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

This div background color is #BCEECA.

Border color

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

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

This div border color is #BCEECA.

Opacity

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

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

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

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

This text has shadow with #BCEECA color.

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

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

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

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

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

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

Div box shadow color

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

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

This div box has shadow with color #BCEECA.

Preview

Color preview on black background

This text has color #BCEECA on black background.

Color preview on white background

This text has color #BCEECA on white background.

Black color preview on #BCEECA background

This text has black color on #BCEECA background.

White color preview on #BCEECA background

This text has white color on #BCEECA background.