COLOR #AA866A

HEX: #AA866A RGB: (170,134,106)

Color info
Codes
CSS3 styles
Preview
Shades and tints
Color combinations

Color info

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

RGB color model

#AA866A color RGB value is (170,134,106).

red value is 170;
green value is 134;
blue value is 106.

RGB: (170,134,106) (67%, 53%, 42%)

RGB channels and saturation

R 170 of 255 = 67%
G 134 of 255 = 53%
B 106 of 255 = 42%

170

134

106

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

Portions of RGB colors in percentages

R + G + B = 170 + 134 + 106 = 410 (100%)
R 170 of 410 ~ 41.46%
G 134 of 410 ~ 32.68%
B 106 of 410 ~ 25.85'%

%41.46

%32.68

%25.85

CMYK color model

#AA866A color CMYK value is (0,21,38,33).

cyan value is 0.00%
magenta value is 21.18%
yellow value is 37.65%
key color value is 33.33%

CMYK: (0,21,38,33) C0M21Y38K33 (0%,21%,38%,33%) (0.00/0.21/0.38/0.33)

CMYK percentages

%21.18

%37.65

%33.33

Codes

Color #AA866A in popluar color models

	AA	86	6A
RGB	170	134	106
HSL	26°	27.35%	54.12%
HSB/HSV	26°	37.65%	66.67%
CMYK	0.00%	21.18%	37.65%
CMYK	33.33%

Color #AA866A in popluar number systems.

HEX	AA	86	6A
Decimal	170	134	106
Binary	10101010	10000110	1101010
Octal	252	206	152

Shades and tints

Shades of #AA866A

#AA866A
(170,134,106)

#9B7A61
(155,122,97)

#8C6E58
(140,110,88)

#7D624F
(125,98,79)

#6E5646
(110,86,70)

#5F4A3D
(95,74,61)

#503E34
(80,62,52)

#41322B
(65,50,43)

#322622
(50,38,34)

#231A19
(35,26,25)

#140E10
(20,14,16)

#000000
(0,0,0)

Tints of #AA866A

#AA866A
(170,134,106)

#B19177
(177,145,119)

#B89C84
(184,156,132)

#BFA791
(191,167,145)

#C6B29E
(198,178,158)

#CDBDAB
(205,189,171)

#D4C8B8
(212,200,184)

#DBD3C5
(219,211,197)

#E2DED2
(226,222,210)

#E9E9DF
(233,233,223)

#F0F4EC
(240,244,236)

#FFFFFF
(255,255,255)

CSS3 styles

Examples of css and html codes for elements with #AA866A color. Also use rgb(170,134,106) instead hex code.

Text Font Color

.myTextColor { color: #AA866A; }

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

This text font color is #AA866A.

Background Color

.myBgColor { background-color: #AA866A; }

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

This div background color is #AA866A.

Border color

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

This div border color is #AA866A.

Opacity

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

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

This text has shadow with #AA866A color.

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

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

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

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

Div box shadow color

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

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

This div box has shadow with color #AA866A.