COLOR #9C8E93

HEX: #9C8E93 RGB: (156,142,147)

Color info
Codes
CSS3 styles
Preview
Shades and tints
Color combinations

Color info

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

RGB color model

#9C8E93 color RGB value is (156,142,147).

red value is 156;
green value is 142;
blue value is 147.

RGB: (156,142,147) (61%, 56%, 58%)

RGB channels and saturation

R 156 of 255 = 61%
G 142 of 255 = 56%
B 147 of 255 = 58%

156

142

147

R + G + B ~ 58%. #9C8E93 is middle color (not dark and not light).

Portions of RGB colors in percentages

R + G + B = 156 + 142 + 147 = 445 (100%)
R 156 of 445 ~ 35.06%
G 142 of 445 ~ 31.91%
B 147 of 445 ~ 33.03'%

%35.06

%31.91

%33.03

CMYK color model

#9C8E93 color CMYK value is (0,9,6,39).

cyan value is 0.00%
magenta value is 8.97%
yellow value is 5.77%
key color value is 38.82%

CMYK: (0,9,6,39) C0M9Y6K39 (0%,9%,6%,39%) (0.00/0.09/0.06/0.39)

CMYK percentages

%8.97

%5.77

%38.82

Codes

Color #9C8E93 in popluar color models

	9C	8E	93
RGB	156	142	147
HSL	339°	6.60%	58.43%
HSB/HSV	339°	8.97%	61.18%
CMYK	0.00%	8.97%	5.77%
CMYK	38.82%

Color #9C8E93 in popluar number systems.

HEX	9C	8E	93
Decimal	156	142	147
Binary	10011100	10001110	10010011
Octal	234	216	223

Shades and tints

Shades of #9C8E93

#9C8E93
(156,142,147)

#8E8286
(142,130,134)

#807679
(128,118,121)

#726A6C
(114,106,108)

#645E5F
(100,94,95)

#565252
(86,82,82)

#484645
(72,70,69)

#3A3A38
(58,58,56)

#2C2E2B
(44,46,43)

#1E221E
(30,34,30)

#101611
(16,22,17)

#000000
(0,0,0)

Tints of #9C8E93

#9C8E93
(156,142,147)

#A5989C
(165,152,156)

#AEA2A5
(174,162,165)

#B7ACAE
(183,172,174)

#C0B6B7
(192,182,183)

#C9C0C0
(201,192,192)

#D2CAC9
(210,202,201)

#DBD4D2
(219,212,210)

#E4DEDB
(228,222,219)

#EDE8E4
(237,232,228)

#F6F2ED
(246,242,237)

#FFFFFF
(255,255,255)

CSS3 styles

Examples of css and html codes for elements with #9C8E93 color. Also use rgb(156,142,147) instead hex code.

Text Font Color

.myTextColor { color: #9C8E93; }

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

This text font color is #9C8E93.

Background Color

.myBgColor { background-color: #9C8E93; }

<div style="background-color:#9C8E93">Inner text</div>

This div background color is #9C8E93.

Border color

.myBorderColor { border: 1px solid #9C8E93; }

This div border color is #9C8E93.

Opacity

.myOpacity80 { color: #9C8E93; opacity: 0.8; }

Text with #9C8E93 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 #9C8E93;}

This text has shadow with #9C8E93 color.

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

This text has shadow with #9C8E93 primary color and red secondary color.

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

This text has shadow with #9C8E93 and red colors in old Internet Explorer.

Div box shadow color

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

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

This div box has shadow with color #9C8E93.