Color #ADA86E

Color info

#ADA86E contains mainly red and green colors. Web safe color of #ADA86E is #999966 (or #996).

RGB color model

#ADA86E color RGB value is (173,168,110).

red value is 173;
green value is 168;
blue value is 110.

RGB:
(173,168,110)
(68%,66%,43%)

RGB channels and saturation

R 173 of 255 = 68%
G 168 of 255 = 66%
B 110 of 255 = 43%

173

168

110

R + G + B ~ 59%. #ADA86E is middle color (not dark and not light).

Portions of RGB colors in percentages

R + G + B =
173 + 168 + 110 = 451 (100%)
R 173 of 451 ~ 38.36%
G 168 of 451 ~ 37.25%
B 110 of 451 ~ 24.39%

%38.36

%37.25

%24.39

CMYK color model

#ADA86E color CMYK value is (0,3,36,32).

cyan value is 0.00%
magenta value is 2.89%
yellow value is 36.42%
key color value is 32.16%

CMYK:
(0,3,36,32)
C0M3Y36K32 
(0%,3%,36%,32%)
(0.00/0.03/0.36/0.32)

CMYK percentages

%2.89

%36.42

%32.16

Codes

Color #ADA86E in popluar color models

	AD	A8	6E
RGB	173	168	110
HSL	55°	27.75%	55.49%
HSB/HSV	55°	36.42%	67.84%
CMYK	0.00%	2.89%	36.42%
CMYK	32.16%

Color #ADA86E in popluar number systems.

HEX	AD	A8	6E
Decimal	173	168	110
Binary	10101101	10101000	1101110
Octal	255	250	156

Shades and tints

Shades of #ADA86E

#ADA86E
(173,168,110)

#9E9964
(158,153,100)

#8F8A5A
(143,138,90)

#807B50
(128,123,80)

#716C46
(113,108,70)

#625D3C
(98,93,60)

#534E32
(83,78,50)

#443F28
(68,63,40)

#35301E
(53,48,30)

#262114
(38,33,20)

#17120A
(23,18,10)

#000000
(0,0,0)

Tints of #ADA86E

#ADA86E
(173,168,110)

#B4AF7B
(180,175,123)

#BBB688
(187,182,136)

#C2BD95
(194,189,149)

#C9C4A2
(201,196,162)

#D0CBAF
(208,203,175)

#D7D2BC
(215,210,188)

#DED9C9
(222,217,201)

#E5E0D6
(229,224,214)

#ECE7E3
(236,231,227)

#F3EEF0
(243,238,240)

#FFFFFF
(255,255,255)

CSS3 styles

Examples of css and html codes for elements with #ADA86E color. Also use rgb(173,168,110) instead hex code.

Text Font Color

.myTextColor { color: #ADA86E; }

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

This text font color is #ADA86E.

Background Color

.myBgColor { background-color: #ADA86E; }

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

This div background color is #ADA86E.

Border color

.myBorderColor { border: 1px solid #ADA86E; }

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

This div border color is #ADA86E.

Opacity

.myOpacity80 { color: #ADA86E; opacity: 0.8; }

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

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

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

This text has shadow with #ADA86E color.

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

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

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

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

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

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

Div box shadow color

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

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

This div box has shadow with color #ADA86E.

Preview

Color preview on black background

This text has color #ADA86E on black background.

Color preview on white background

This text has color #ADA86E on white background.

Black color preview on #ADA86E background

This text has black color on #ADA86E background.

White color preview on #ADA86E background

This text has white color on #ADA86E background.