COLOR #969BBF

HEX: #969BBF RGB: (150,155,191)

Color info
Codes
CSS3 styles
Preview
Shades and tints
Color combinations

Color info

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

RGB color model

#969BBF color RGB value is (150,155,191).

red value is 150;
green value is 155;
blue value is 191.

RGB: (150,155,191) (59%, 61%, 75%)

RGB channels and saturation

R 150 of 255 = 59%
G 155 of 255 = 61%
B 191 of 255 = 75%

150

155

191

R + G + B ~ 65%. #969BBF is quite light color.

Portions of RGB colors in percentages

R + G + B = 150 + 155 + 191 = 496 (100%)
R 150 of 496 ~ 30.24%
G 155 of 496 ~ 31.25%
B 191 of 496 ~ 38.51'%

%30.24

%31.25

%38.51

CMYK color model

#969BBF color CMYK value is (21,19,0,25).

cyan value is 21.47%
magenta value is 18.85%
yellow value is 0.00%
key color value is 25.10%

CMYK: (21,19,0,25) C21M19Y0K25 (21%,19%,0%,25%) (0.21/0.19/0.00/0.25)

CMYK percentages

%21.47

%18.85

%25.1

Codes

Color #969BBF in popluar color models

	96	9B	BF
RGB	150	155	191
HSL	233°	24.26%	66.86%
HSB/HSV	233°	21.47%	74.90%
CMYK	21.47%	18.85%	0.00%
CMYK	25.10%

Color #969BBF in popluar number systems.

HEX	96	9B	BF
Decimal	150	155	191
Binary	10010110	10011011	10111111
Octal	226	233	277

Shades and tints

Shades of #969BBF

#969BBF
(150,155,191)

#898DAE
(137,141,174)

#7C7F9D
(124,127,157)

#6F718C
(111,113,140)

#62637B
(98,99,123)

#55556A
(85,85,106)

#484759
(72,71,89)

#3B3948
(59,57,72)

#2E2B37
(46,43,55)

#211D26
(33,29,38)

#140F15
(20,15,21)

#000000
(0,0,0)

Tints of #969BBF

#969BBF
(150,155,191)

#9FA4C4
(159,164,196)

#A8ADC9
(168,173,201)

#B1B6CE
(177,182,206)

#BABFD3
(186,191,211)

#C3C8D8
(195,200,216)

#CCD1DD
(204,209,221)

#D5DAE2
(213,218,226)

#DEE3E7
(222,227,231)

#E7ECEC
(231,236,236)

#F0F5F1
(240,245,241)

#FFFFFF
(255,255,255)

CSS3 styles

Examples of css and html codes for elements with #969BBF color. Also use rgb(150,155,191) instead hex code.

Text Font Color

.myTextColor { color: #969BBF; }

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

This text font color is #969BBF.

Background Color

.myBgColor { background-color: #969BBF; }

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

This div background color is #969BBF.

Border color

.myBorderColor { border: 1px solid #969BBF; }

This div border color is #969BBF.

Opacity

.myOpacity80 { color: #969BBF; opacity: 0.8; }

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

This text has shadow with #969BBF color.

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

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

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

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

Div box shadow color

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

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

This div box has shadow with color #969BBF.