Color #96AFDC

Color info

#96AFDC contains mainly green and blue colors. Web safe color of #96AFDC is #9999CC (or #99C).

RGB color model

#96AFDC color RGB value is (150,175,220).

red value is 150;
green value is 175;
blue value is 220.

RGB: (150,175,220) (59%, 69%, 86%)

RGB channels and saturation

R 150 of 255 = 59%
G 175 of 255 = 69%
B 220 of 255 = 86%

150

175

220

R + G + B ~ 71%. #96AFDC is quite light color.

Portions of RGB colors in percentages

R + G + B = 150 + 175 + 220 = 545 (100%)
R 150 of 545 ~ 27.52%
G 175 of 545 ~ 32.11%
B 220 of 545 ~ 40.37'%

%27.52

%32.11

%40.37

CMYK color model

#96AFDC color CMYK value is (32,20,0,14).

cyan value is 31.82%
magenta value is 20.45%
yellow value is 0.00%
key color value is 13.73%

CMYK: (32,20,0,14)
C32M20Y0K14 (32%, 20%, 0%, 14%)
(0.32 / 0.20 / 0.00 / 0.14)

CMYK percentages

%31.82

%20.45

%0

%13.73

Codes

Color #96AFDC in popluar color models

	96	AF	DC
RGB	150	175	220
HSL	219°	50.00%	72.55%
HSB/HSV	219°	31.82%	86.27%
CMYK	31.82%	20.45%	0.00%
CMYK	13.73%

Color #96AFDC in popluar number systems.

HEX	96	AF	DC
Decimal	150	175	220
Binary	10010110	10101111	11011100
Octal	226	257	334

Shades and tints

Shades of #96AFDC

#96AFDC
(150,175,220)

#89A0C8
(137,160,200)

#7C91B4
(124,145,180)

#6F82A0
(111,130,160)

#62738C
(98,115,140)

#556478
(85,100,120)

#485564
(72,85,100)

#3B4650
(59,70,80)

#2E373C
(46,55,60)

#212828
(33,40,40)

#141914
(20,25,20)

#000000
(0,0,0)

Tints of #96AFDC

#96AFDC
(150,175,220)

#9FB6DF
(159,182,223)

#A8BDE2
(168,189,226)

#B1C4E5
(177,196,229)

#BACBE8
(186,203,232)

#C3D2EB
(195,210,235)

#CCD9EE
(204,217,238)

#D5E0F1
(213,224,241)

#DEE7F4
(222,231,244)

#E7EEF7
(231,238,247)

#F0F5FA
(240,245,250)

#FFFFFF
(255,255,255)

CSS3 styles

Examples of css and html codes for elements with #96AFDC color. Also use rgb(150,175,220) instead hex code.

Text Font Color

.myTextColor { color: #96AFDC; }

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

This text font color is #96AFDC.

Background Color

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

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

This div background color is #96AFDC.

Border color

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

This div border color is #96AFDC.

Opacity

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

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

This text has shadow with #96AFDC color.

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

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

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

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

Div box shadow color

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

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

This div box has shadow with color #96AFDC.