Color #896D2C

Color info

#896D2C contains mainly red and green colors. Web safe color of #896D2C is #996633 (or #963).

RGB color model

#896D2C color RGB value is (137,109,44).

red value is 137;
green value is 109;
blue value is 44.

RGB:
(137,109,44)
(54%,43%,17%)

RGB channels and saturation

R 137 of 255 = 54%
G 109 of 255 = 43%
B 44 of 255 = 17%

137

109

R + G + B ~ 38%. #896D2C is quite dark color.

Portions of RGB colors in percentages

R + G + B =
137 + 109 + 44 = 290 (100%)
R 137 of 290 ~ 47.24%
G 109 of 290 ~ 37.59%
B 44 of 290 ~ 15.17%

%47.24

%37.59

%15.17

CMYK color model

#896D2C color CMYK value is (0,20,68,46).

cyan value is 0.00%
magenta value is 20.44%
yellow value is 67.88%
key color value is 46.27%

CMYK:
(0,20,68,46)
C0M20Y68K46 
(0%,20%,68%,46%)
(0.00/0.20/0.68/0.46)

CMYK percentages

%20.44

%67.88

%46.27

Codes

Color #896D2C in popluar color models

	89	6D	2C
RGB	137	109	44
HSL	42°	51.38%	35.49%
HSB/HSV	42°	67.88%	53.73%
CMYK	0.00%	20.44%	67.88%
CMYK	46.27%

Color #896D2C in popluar number systems.

HEX	89	6D	2C
Decimal	137	109	44
Binary	10001001	1101101	101100
Octal	211	155	54

Shades and tints

Shades of #896D2C

#896D2C
(137,109,44)

#7D6428
(125,100,40)

#715B24
(113,91,36)

#655220
(101,82,32)

#59491C
(89,73,28)

#4D4018
(77,64,24)

#413714
(65,55,20)

#352E10
(53,46,16)

#29250C
(41,37,12)

#1D1C08
(29,28,8)

#111304
(17,19,4)

#000000
(0,0,0)

Tints of #896D2C

#896D2C
(137,109,44)

#937A3F
(147,122,63)

#9D8752
(157,135,82)

#A79465
(167,148,101)

#B1A178
(177,161,120)

#BBAE8B
(187,174,139)

#C5BB9E
(197,187,158)

#CFC8B1
(207,200,177)

#D9D5C4
(217,213,196)

#E3E2D7
(227,226,215)

#EDEFEA
(237,239,234)

#FFFFFF
(255,255,255)

CSS3 styles

Examples of css and html codes for elements with #896D2C color. Also use rgb(137,109,44) instead hex code.

Text Font Color

.myTextColor { color: #896D2C; }

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

This text font color is #896D2C.

Background Color

.myBgColor { background-color: #896D2C; }

<div style="background-color:#896D2C">Inner text</div>

This div background color is #896D2C.

Border color

.myBorderColor { border: 1px solid #896D2C; }

<div style="border:3px solid #896D2C">Div</div>

This div border color is #896D2C.

Opacity

.myOpacity80 { color: #896D2C; opacity: 0.8; }

<p style="color:#896D2C;opacity:0.8;">80%</p>

Text with #896D2C 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 #896D2C;}

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

This text has shadow with #896D2C color.

.textShadow {text-shadow: 3px 3px 1px #896D2C, 3px 3px 1px red;}

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

This text has shadow with #896D2C primary color and red secondary color.

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

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

This text has shadow with #896D2C and red colors in old Internet Explorer.

Div box shadow color

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

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

This div box has shadow with color #896D2C.

Preview

Color preview on black background

This text has color #896D2C on black background.

Color preview on white background

This text has color #896D2C on white background.

Black color preview on #896D2C background

This text has black color on #896D2C background.

White color preview on #896D2C background

This text has white color on #896D2C background.