COLOR #9EA2CD

HEX: #9EA2CD RGB: (158,162,205)

Color info
Codes
CSS3 styles
Preview
Shades and tints
Color combinations

Color info

#9EA2CD contains red, green and blue colors in about the same proportion. Web safe color of #9EA2CD is #9999CC (or #99C).

RGB color model

#9EA2CD color RGB value is (158,162,205).

red value is 158;
green value is 162;
blue value is 205.

RGB: (158,162,205) (62%, 64%, 80%)

RGB channels and saturation

R 158 of 255 = 62%
G 162 of 255 = 64%
B 205 of 255 = 80%

158

162

205

R + G + B ~ 69%. #9EA2CD is quite light color.

Portions of RGB colors in percentages

R + G + B = 158 + 162 + 205 = 525 (100%)
R 158 of 525 ~ 30.1%
G 162 of 525 ~ 30.86%
B 205 of 525 ~ 39.05'%

%30.1

%30.86

%39.05

CMYK color model

#9EA2CD color CMYK value is (23,21,0,20).

cyan value is 22.93%
magenta value is 20.98%
yellow value is 0.00%
key color value is 19.61%

CMYK: (23,21,0,20) C23M21Y0K20 (23%,21%,0%,20%) (0.23/0.21/0.00/0.20)

CMYK percentages

%22.93

%20.98

%19.61

Codes

Color #9EA2CD in popluar color models

	9E	A2	CD
RGB	158	162	205
HSL	235°	31.97%	71.18%
HSB/HSV	235°	22.93%	80.39%
CMYK	22.93%	20.98%	0.00%
CMYK	19.61%

Color #9EA2CD in popluar number systems.

HEX	9E	A2	CD
Decimal	158	162	205
Binary	10011110	10100010	11001101
Octal	236	242	315

Shades and tints

Shades of #9EA2CD

#9EA2CD
(158,162,205)

#9094BB
(144,148,187)

#8286A9
(130,134,169)

#747897
(116,120,151)

#666A85
(102,106,133)

#585C73
(88,92,115)

#4A4E61
(74,78,97)

#3C404F
(60,64,79)

#2E323D
(46,50,61)

#20242B
(32,36,43)

#121619
(18,22,25)

#000000
(0,0,0)

Tints of #9EA2CD

#9EA2CD
(158,162,205)

#A6AAD1
(166,170,209)

#AEB2D5
(174,178,213)

#B6BAD9
(182,186,217)

#BEC2DD
(190,194,221)

#C6CAE1
(198,202,225)

#CED2E5
(206,210,229)

#D6DAE9
(214,218,233)

#DEE2ED
(222,226,237)

#E6EAF1
(230,234,241)

#EEF2F5
(238,242,245)

#FFFFFF
(255,255,255)

CSS3 styles

Examples of css and html codes for elements with #9EA2CD color. Also use rgb(158,162,205) instead hex code.

Text Font Color

.myTextColor { color: #9EA2CD; }

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

This text font color is #9EA2CD.

Background Color

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

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

This div background color is #9EA2CD.

Border color

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

This div border color is #9EA2CD.

Opacity

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

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

This text has shadow with #9EA2CD color.

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

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

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

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

Div box shadow color

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

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

This div box has shadow with color #9EA2CD.