COLOR #9C778F

HEX: #9C778F RGB: (156,119,143)

Color info
Codes
CSS3 styles
Preview
Shades and tints
Color combinations

Color info

#9C778F contains red, green and blue colors in about the same proportion. Web safe color of #9C778F is #996699 (or #969).

RGB color model

#9C778F color RGB value is (156,119,143).

red value is 156;
green value is 119;
blue value is 143.

RGB: (156,119,143) (61%, 47%, 56%)

RGB channels and saturation

R 156 of 255 = 61%
G 119 of 255 = 47%
B 143 of 255 = 56%

156

119

143

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

Portions of RGB colors in percentages

R + G + B = 156 + 119 + 143 = 418 (100%)
R 156 of 418 ~ 37.32%
G 119 of 418 ~ 28.47%
B 143 of 418 ~ 34.21'%

%37.32

%28.47

%34.21

CMYK color model

#9C778F color CMYK value is (0,24,8,39).

cyan value is 0.00%
magenta value is 23.72%
yellow value is 8.33%
key color value is 38.82%

CMYK: (0,24,8,39) C0M24Y8K39 (0%,24%,8%,39%) (0.00/0.24/0.08/0.39)

CMYK percentages

%23.72

%8.33

%38.82

Codes

Color #9C778F in popluar color models

	9C	77	8F
RGB	156	119	143
HSL	321°	15.74%	53.92%
HSB/HSV	321°	23.72%	61.18%
CMYK	0.00%	23.72%	8.33%
CMYK	38.82%

Color #9C778F in popluar number systems.

HEX	9C	77	8F
Decimal	156	119	143
Binary	10011100	1110111	10001111
Octal	234	167	217

Shades and tints

Shades of #9C778F

#9C778F
(156,119,143)

#8E6D82
(142,109,130)

#806375
(128,99,117)

#725968
(114,89,104)

#644F5B
(100,79,91)

#56454E
(86,69,78)

#483B41
(72,59,65)

#3A3134
(58,49,52)

#2C2727
(44,39,39)

#1E1D1A
(30,29,26)

#10130D
(16,19,13)

#000000
(0,0,0)

Tints of #9C778F

#9C778F
(156,119,143)

#A58399
(165,131,153)

#AE8FA3
(174,143,163)

#B79BAD
(183,155,173)

#C0A7B7
(192,167,183)

#C9B3C1
(201,179,193)

#D2BFCB
(210,191,203)

#DBCBD5
(219,203,213)

#E4D7DF
(228,215,223)

#EDE3E9
(237,227,233)

#F6EFF3
(246,239,243)

#FFFFFF
(255,255,255)

CSS3 styles

Examples of css and html codes for elements with #9C778F color. Also use rgb(156,119,143) instead hex code.

Text Font Color

.myTextColor { color: #9C778F; }

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

This text font color is #9C778F.

Background Color

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

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

This div background color is #9C778F.

Border color

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

This div border color is #9C778F.

Opacity

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

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

This text has shadow with #9C778F color.

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

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

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

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

Div box shadow color

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

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

This div box has shadow with color #9C778F.