Color #96CCE5

Color info

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

RGB color model

#96CCE5 color RGB value is (150,204,229).

red value is 150;
green value is 204;
blue value is 229.

RGB: (150,204,229) (59%, 80%, 90%)

RGB channels and saturation

R 150 of 255 = 59%
G 204 of 255 = 80%
B 229 of 255 = 90%

150

204

229

R + G + B ~ 76%. #96CCE5 is quite light color.

Portions of RGB colors in percentages

R + G + B = 150 + 204 + 229 = 583 (100%)
R 150 of 583 ~ 25.73%
G 204 of 583 ~ 34.99%
B 229 of 583 ~ 39.28'%

%25.73

%34.99

%39.28

CMYK color model

#96CCE5 color CMYK value is (34,11,0,10).

cyan value is 34.50%
magenta value is 10.92%
yellow value is 0.00%
key color value is 10.20%

CMYK: (34,11,0,10)
C34M11Y0K10 (34%, 11%, 0%, 10%)
(0.34 / 0.11 / 0.00 / 0.10)

CMYK percentages

%34.5

%10.92

%0

%10.2

Codes

Color #96CCE5 in popluar color models

	96	CC	E5
RGB	150	204	229
HSL	199°	60.31%	74.31%
HSB/HSV	199°	34.50%	89.80%
CMYK	34.50%	10.92%	0.00%
CMYK	10.20%

Color #96CCE5 in popluar number systems.

HEX	96	CC	E5
Decimal	150	204	229
Binary	10010110	11001100	11100101
Octal	226	314	345

Shades and tints

Shades of #96CCE5

#96CCE5
(150,204,229)

#89BAD1
(137,186,209)

#7CA8BD
(124,168,189)

#6F96A9
(111,150,169)

#628495
(98,132,149)

#557281
(85,114,129)

#48606D
(72,96,109)

#3B4E59
(59,78,89)

#2E3C45
(46,60,69)

#212A31
(33,42,49)

#14181D
(20,24,29)

#000000
(0,0,0)

Tints of #96CCE5

#96CCE5
(150,204,229)

#9FD0E7
(159,208,231)

#A8D4E9
(168,212,233)

#B1D8EB
(177,216,235)

#BADCED
(186,220,237)

#C3E0EF
(195,224,239)

#CCE4F1
(204,228,241)

#D5E8F3
(213,232,243)

#DEECF5
(222,236,245)

#E7F0F7
(231,240,247)

#F0F4F9
(240,244,249)

#FFFFFF
(255,255,255)

CSS3 styles

Examples of css and html codes for elements with #96CCE5 color. Also use rgb(150,204,229) instead hex code.

Text Font Color

.myTextColor { color: #96CCE5; }

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

This text font color is #96CCE5.

Background Color

.myBgColor { background-color: #96CCE5; }

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

This div background color is #96CCE5.

Border color

.myBorderColor { border: 1px solid #96CCE5; }

This div border color is #96CCE5.

Opacity

.myOpacity80 { color: #96CCE5; opacity: 0.8; }

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

This text has shadow with #96CCE5 color.

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

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

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

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

Div box shadow color

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

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

This div box has shadow with color #96CCE5.