COLOR #969EA1

HEX: #969EA1 RGB: (150,158,161)

Color info
Codes
CSS3 styles
Preview
Shades and tints
Color combinations

Color info

#969EA1 contains red, green and blue colors in about the same proportion. Web safe color of #969EA1 is #999999 (or #999).

RGB color model

#969EA1 color RGB value is (150,158,161).

red value is 150;
green value is 158;
blue value is 161.

RGB: (150,158,161) (59%, 62%, 63%)

RGB channels and saturation

R 150 of 255 = 59%
G 158 of 255 = 62%
B 161 of 255 = 63%

150

158

161

R + G + B ~ 61%. #969EA1 is quite light color.

Portions of RGB colors in percentages

R + G + B = 150 + 158 + 161 = 469 (100%)
R 150 of 469 ~ 31.98%
G 158 of 469 ~ 33.69%
B 161 of 469 ~ 34.33'%

%31.98

%33.69

%34.33

CMYK color model

#969EA1 color CMYK value is (7,2,0,37).

cyan value is 6.83%
magenta value is 1.86%
yellow value is 0.00%
key color value is 36.86%

CMYK: (7,2,0,37) C7M2Y0K37 (7%,2%,0%,37%) (0.07/0.02/0.00/0.37)

CMYK percentages

%6.83

%1.86

%36.86

Codes

Color #969EA1 in popluar color models

	96	9E	A1
RGB	150	158	161
HSL	196°	5.53%	60.98%
HSB/HSV	196°	6.83%	63.14%
CMYK	6.83%	1.86%	0.00%
CMYK	36.86%

Color #969EA1 in popluar number systems.

HEX	96	9E	A1
Decimal	150	158	161
Binary	10010110	10011110	10100001
Octal	226	236	241

Shades and tints

Shades of #969EA1

#969EA1
(150,158,161)

#899093
(137,144,147)

#7C8285
(124,130,133)

#6F7477
(111,116,119)

#626669
(98,102,105)

#55585B
(85,88,91)

#484A4D
(72,74,77)

#3B3C3F
(59,60,63)

#2E2E31
(46,46,49)

#212023
(33,32,35)

#141215
(20,18,21)

#000000
(0,0,0)

Tints of #969EA1

#969EA1
(150,158,161)

#9FA6A9
(159,166,169)

#A8AEB1
(168,174,177)

#B1B6B9
(177,182,185)

#BABEC1
(186,190,193)

#C3C6C9
(195,198,201)

#CCCED1
(204,206,209)

#D5D6D9
(213,214,217)

#DEDEE1
(222,222,225)

#E7E6E9
(231,230,233)

#F0EEF1
(240,238,241)

#FFFFFF
(255,255,255)

CSS3 styles

Examples of css and html codes for elements with #969EA1 color. Also use rgb(150,158,161) instead hex code.

Text Font Color

.myTextColor { color: #969EA1; }

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

This text font color is #969EA1.

Background Color

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

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

This div background color is #969EA1.

Border color

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

This div border color is #969EA1.

Opacity

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

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

This text has shadow with #969EA1 color.

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

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

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

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

Div box shadow color

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

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

This div box has shadow with color #969EA1.