Color #9ECBDF

Color info

#9ECBDF contains mainly green and blue colors. Web safe color of #9ECBDF is #99CCCC (or #9CC).

RGB color model

#9ECBDF color RGB value is (158,203,223).

red value is 158;
green value is 203;
blue value is 223.

RGB: (158,203,223) (62%, 80%, 87%)

RGB channels and saturation

R 158 of 255 = 62%
G 203 of 255 = 80%
B 223 of 255 = 87%

158

203

223

R + G + B ~ 76%. #9ECBDF is quite light color.

Portions of RGB colors in percentages

R + G + B = 158 + 203 + 223 = 584 (100%)
R 158 of 584 ~ 27.05%
G 203 of 584 ~ 34.76%
B 223 of 584 ~ 38.18'%

%27.05

%34.76

%38.18

CMYK color model

#9ECBDF color CMYK value is (29,9,0,13).

cyan value is 29.15%
magenta value is 8.97%
yellow value is 0.00%
key color value is 12.55%

CMYK: (29,9,0,13)
C29M9Y0K13 (29%, 9%, 0%, 13%)
(0.29 / 0.09 / 0.00 / 0.13)

CMYK percentages

%29.15

%8.97

%0

%12.55

Codes

Color #9ECBDF in popluar color models

	9E	CB	DF
RGB	158	203	223
HSL	198°	50.39%	74.71%
HSB/HSV	198°	29.15%	87.45%
CMYK	29.15%	8.97%	0.00%
CMYK	12.55%

Color #9ECBDF in popluar number systems.

HEX	9E	CB	DF
Decimal	158	203	223
Binary	10011110	11001011	11011111
Octal	236	313	337

Shades and tints

Shades of #9ECBDF

#9ECBDF
(158,203,223)

#90B9CB
(144,185,203)

#82A7B7
(130,167,183)

#7495A3
(116,149,163)

#66838F
(102,131,143)

#58717B
(88,113,123)

#4A5F67
(74,95,103)

#3C4D53
(60,77,83)

#2E3B3F
(46,59,63)

#20292B
(32,41,43)

#121717
(18,23,23)

#000000
(0,0,0)

Tints of #9ECBDF

#9ECBDF
(158,203,223)

#A6CFE1
(166,207,225)

#AED3E3
(174,211,227)

#B6D7E5
(182,215,229)

#BEDBE7
(190,219,231)

#C6DFE9
(198,223,233)

#CEE3EB
(206,227,235)

#D6E7ED
(214,231,237)

#DEEBEF
(222,235,239)

#E6EFF1
(230,239,241)

#EEF3F3
(238,243,243)

#FFFFFF
(255,255,255)

CSS3 styles

Examples of css and html codes for elements with #9ECBDF color. Also use rgb(158,203,223) instead hex code.

Text Font Color

.myTextColor { color: #9ECBDF; }

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

This text font color is #9ECBDF.

Background Color

.myBgColor { background-color: #9ECBDF; }

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

This div background color is #9ECBDF.

Border color

.myBorderColor { border: 1px solid #9ECBDF; }

This div border color is #9ECBDF.

Opacity

.myOpacity80 { color: #9ECBDF; opacity: 0.8; }

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

This text has shadow with #9ECBDF color.

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

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

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

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

Div box shadow color

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

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

This div box has shadow with color #9ECBDF.