COLOR #9688AD

HEX: #9688AD RGB: (150,136,173)

Color info

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

RGB color model

#9688AD color RGB value is (150,136,173).

RGB: (150,136,173) (59%, 53%, 68%)

RGB channels and saturation

R 150 of 255 = 59%
G 136 of 255 = 53%
B 173 of 255 = 68%

150
136
173

R + G + B ~ 60%. #9688AD is middle color (not dark and not light).

Portions of RGB colors in percentages

R + G + B = 150 + 136 + 173 = 459 (100%)
R 150 of 459 ~ 32.68%
G 136 of 459 ~ 29.63%
B 173 of 459 ~ 37.69'%

%32.68
%29.63
%37.69

CMYK color model

#9688AD color CMYK value is (13,21,0,32).

  • cyan value is 13.29%
  • magenta value is 21.39%
  • yellow value is 0.00%
  • key color value is 32.16%
CMYK: (13,21,0,32) C13M21Y0K32 (13%,21%,0%,32%) (0.13/0.21/0.00/0.32)

CMYK percentages

%13.29
%21.39
%0
%32.16

Codes

Color #9688AD in popluar color models

96 88 AD
RGB 150 136 173
HSL 263° 18.41% 60.59%
HSB/HSV 263° 21.39% 67.84%
CMYK 13.29% 21.39% 0.00%
32.16%

Color #9688AD in popluar number systems.

HEX 96 88 AD
Decimal 150 136 173
Binary 10010110 10001000 10101101
Octal 226 210 255

Shades and tints

Shades of #9688AD

#9688AD
(150,136,173)
#897C9E
(137,124,158)
#7C708F
(124,112,143)
#6F6480
(111,100,128)
#625871
(98,88,113)
#554C62
(85,76,98)
#484053
(72,64,83)
#3B3444
(59,52,68)
#2E2835
(46,40,53)
#211C26
(33,28,38)
#141017
(20,16,23)
#000000
(0,0,0)

Tints of #9688AD

#9688AD
(150,136,173)
#9F92B4
(159,146,180)
#A89CBB
(168,156,187)
#B1A6C2
(177,166,194)
#BAB0C9
(186,176,201)
#C3BAD0
(195,186,208)
#CCC4D7
(204,196,215)
#D5CEDE
(213,206,222)
#DED8E5
(222,216,229)
#E7E2EC
(231,226,236)
#F0ECF3
(240,236,243)
#FFFFFF
(255,255,255)

CSS3 styles

Examples of css and html codes for elements with #9688AD color. Also use rgb(150,136,173) instead hex code.

Text Font Color

.myTextColor { color: #9688AD; }

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

This text font color is #9688AD.


Background Color

.myBgColor { background-color: #9688AD; }

<div style="background-color:#9688AD">Inner text</div>

This div background color is #9688AD.


Border color

.myBorderColor { border: 1px solid #9688AD; }

<div style="border:3px solid #9688AD">Div</div>

This div border color is #9688AD.


Opacity

.myOpacity80 { color: #9688AD; opacity: 0.8; }

<p style="color:#9688AD;opacity:0.8;">80%</p>

Text with #9688AD 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 #9688AD;}

<p style="text-shadow: 3px 3px 1px #9688AD">Text here.</p>

This text has shadow with #9688AD color.

.textShadow {text-shadow: 3px 3px 1px #9688AD, 3px 3px 1px red;}

<p style="text-shadow: 3px 3px 1px #9688AD, 5px 5px 20px red">Text here.</p>

This text has shadow with #9688AD primary color and red secondary color.


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

<p style="filter: Shadow(Color=#9688AD, Direction=45, Strength=4)">Text</p>

This text has shadow with #9688AD and red colors in old Internet Explorer.


Div box shadow color

 /* css code */ .divShadow { -moz-box-shadow:	1px 1px 3px 2px #9688AD; -webkit-box-shadow:	1px 1px 3px 2px #9688AD; box-shadow:	1px 1px 3px 2px #9688AD; } /* html code with inline style */ <div style="-moz-box-shadow: 1px 1px 3px 2px #9688AD; -webkit-box-shadow: 1px 1px 3px 2px #9688AD; box-shadow:1px 1px 3px 2px #9688AD;">
Div content here</div>
This div box has shadow with color #9688AD.

Preview

Color preview on black background

This text has color #9688AD on black background.


Color preview on white background

This text has color #9688AD on white background.


Black color preview on #9688AD background

This text has black color on #9688AD background.


White color preview on #9688AD background

This text has white color on #9688AD background.


↑