Color #BAECC0

Color info

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

RGB color model

#BAECC0 color RGB value is (186,236,192).

red value is 186;
green value is 236;
blue value is 192.

RGB:
(186,236,192)
(73%,93%,75%)

RGB channels and saturation

R 186 of 255 = 73%
G 236 of 255 = 93%
B 192 of 255 = 75%

186

236

192

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

Portions of RGB colors in percentages

R + G + B =
186 + 236 + 192 = 614 (100%)
R 186 of 614 ~ 30.29%
G 236 of 614 ~ 38.44%
B 192 of 614 ~ 31.27%

%30.29

%38.44

%31.27

CMYK color model

#BAECC0 color CMYK value is (21,0,19,7).

cyan value is 21.19%
magenta value is 0.00%
yellow value is 18.64%
key color value is 7.45%

CMYK:
(21,0,19,7)
C21M0Y19K7 
(21%,0%,19%,7%)
(0.21/0.00/0.19/0.07)

CMYK percentages

%21.19

%18.64

%7.45

Codes

Color #BAECC0 in popluar color models

	BA	EC	C0
RGB	186	236	192
HSL	127°	56.82%	82.75%
HSB/HSV	127°	21.19%	92.55%
CMYK	21.19%	0.00%	18.64%
CMYK	7.45%

Color #BAECC0 in popluar number systems.

HEX	BA	EC	C0
Decimal	186	236	192
Binary	10111010	11101100	11000000
Octal	272	354	300

Shades and tints

Shades of #BAECC0

#BAECC0
(186,236,192)

#AAD7AF
(170,215,175)

#9AC29E
(154,194,158)

#8AAD8D
(138,173,141)

#7A987C
(122,152,124)

#6A836B
(106,131,107)

#5A6E5A
(90,110,90)

#4A5949
(74,89,73)

#3A4438
(58,68,56)

#2A2F27
(42,47,39)

#1A1A16
(26,26,22)

#000000
(0,0,0)

Tints of #BAECC0

#BAECC0
(186,236,192)

#C0EDC5
(192,237,197)

#C6EECA
(198,238,202)

#CCEFCF
(204,239,207)

#D2F0D4
(210,240,212)

#D8F1D9
(216,241,217)

#DEF2DE
(222,242,222)

#E4F3E3
(228,243,227)

#EAF4E8
(234,244,232)

#F0F5ED
(240,245,237)

#F6F6F2
(246,246,242)

#FFFFFF
(255,255,255)

CSS3 styles

Examples of css and html codes for elements with #BAECC0 color. Also use rgb(186,236,192) instead hex code.

Text Font Color

.myTextColor { color: #BAECC0; }

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

This text font color is #BAECC0.

Background Color

.myBgColor { background-color: #BAECC0; }

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

This div background color is #BAECC0.

Border color

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

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

This div border color is #BAECC0.

Opacity

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

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

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

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

This text has shadow with #BAECC0 color.

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

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

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

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

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

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

Div box shadow color

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

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

This div box has shadow with color #BAECC0.

Preview

Color preview on black background

This text has color #BAECC0 on black background.

Color preview on white background

This text has color #BAECC0 on white background.

Black color preview on #BAECC0 background

This text has black color on #BAECC0 background.

White color preview on #BAECC0 background

This text has white color on #BAECC0 background.