COLOR #9C736E

HEX: #9C736E RGB: (156,115,110)

Color info
Codes
CSS3 styles
Preview
Shades and tints
Color combinations

Color info

#9C736E contains red, green and blue colors in about the same proportion. Web safe color of #9C736E is #996666 (or #966).

RGB color model

#9C736E color RGB value is (156,115,110).

red value is 156;
green value is 115;
blue value is 110.

RGB: (156,115,110) (61%, 45%, 43%)

RGB channels and saturation

R 156 of 255 = 61%
G 115 of 255 = 45%
B 110 of 255 = 43%

156

115

110

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

Portions of RGB colors in percentages

R + G + B = 156 + 115 + 110 = 381 (100%)
R 156 of 381 ~ 40.94%
G 115 of 381 ~ 30.18%
B 110 of 381 ~ 28.87'%

%40.94

%30.18

%28.87

CMYK color model

#9C736E color CMYK value is (0,26,29,39).

cyan value is 0.00%
magenta value is 26.28%
yellow value is 29.49%
key color value is 38.82%

CMYK: (0,26,29,39) C0M26Y29K39 (0%,26%,29%,39%) (0.00/0.26/0.29/0.39)

CMYK percentages

%26.28

%29.49

%38.82

Codes

Color #9C736E in popluar color models

	9C	73	6E
RGB	156	115	110
HSL	7°	18.85%	52.16%
HSB/HSV	7°	29.49%	61.18%
CMYK	0.00%	26.28%	29.49%
CMYK	38.82%

Color #9C736E in popluar number systems.

HEX	9C	73	6E
Decimal	156	115	110
Binary	10011100	1110011	1101110
Octal	234	163	156

Shades and tints

Shades of #9C736E

#9C736E
(156,115,110)

#8E6964
(142,105,100)

#805F5A
(128,95,90)

#725550
(114,85,80)

#644B46
(100,75,70)

#56413C
(86,65,60)

#483732
(72,55,50)

#3A2D28
(58,45,40)

#2C231E
(44,35,30)

#1E1914
(30,25,20)

#100F0A
(16,15,10)

#000000
(0,0,0)

Tints of #9C736E

#9C736E
(156,115,110)

#A57F7B
(165,127,123)

#AE8B88
(174,139,136)

#B79795
(183,151,149)

#C0A3A2
(192,163,162)

#C9AFAF
(201,175,175)

#D2BBBC
(210,187,188)

#DBC7C9
(219,199,201)

#E4D3D6
(228,211,214)

#EDDFE3
(237,223,227)

#F6EBF0
(246,235,240)

#FFFFFF
(255,255,255)

CSS3 styles

Examples of css and html codes for elements with #9C736E color. Also use rgb(156,115,110) instead hex code.

Text Font Color

.myTextColor { color: #9C736E; }

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

This text font color is #9C736E.

Background Color

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

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

This div background color is #9C736E.

Border color

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

This div border color is #9C736E.

Opacity

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

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

This text has shadow with #9C736E color.

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

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

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

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

Div box shadow color

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

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

This div box has shadow with color #9C736E.