COLOR #AA8972

HEX: #AA8972 RGB: (170,137,114)

Color info

#AA8972 contains red, green and blue colors in about the same proportion. Web safe color of #AA8972 is #999966 (or #996).

RGB color model

#AA8972 color RGB value is (170,137,114).

RGB: (170,137,114) (67%, 54%, 45%)

RGB channels and saturation

R 170 of 255 = 67%
G 137 of 255 = 54%
B 114 of 255 = 45%

170
137
114

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

Portions of RGB colors in percentages

R + G + B = 170 + 137 + 114 = 421 (100%)
R 170 of 421 ~ 40.38%
G 137 of 421 ~ 32.54%
B 114 of 421 ~ 27.08'%

%40.38
%32.54
%27.08

CMYK color model

#AA8972 color CMYK value is (0,19,33,33).

  • cyan value is 0.00%
  • magenta value is 19.41%
  • yellow value is 32.94%
  • key color value is 33.33%

CMYK: (0,19,33,33)
C0M19Y33K33 (0%, 19%, 33%, 33%)
(0.00 / 0.19 / 0.33 / 0.33)

CMYK percentages

%0
%19.41
%32.94
%33.33

Codes

Color #AA8972 in popluar color models

AA 89 72
RGB 170 137 114
HSL 25° 24.78% 55.69%
HSB/HSV 25° 32.94% 66.67%
CMYK 0.00% 19.41% 32.94%
33.33%

Color #AA8972 in popluar number systems.

HEX AA 89 72
Decimal 170 137 114
Binary 10101010 10001001 1110010
Octal 252 211 162

Shades and tints

Shades of #AA8972

#AA8972
(170,137,114)
#9B7D68
(155,125,104)
#8C715E
(140,113,94)
#7D6554
(125,101,84)
#6E594A
(110,89,74)
#5F4D40
(95,77,64)
#504136
(80,65,54)
#41352C
(65,53,44)
#322922
(50,41,34)
#231D18
(35,29,24)
#14110E
(20,17,14)
#000000
(0,0,0)

Tints of #AA8972

#AA8972
(170,137,114)
#B1937E
(177,147,126)
#B89D8A
(184,157,138)
#BFA796
(191,167,150)
#C6B1A2
(198,177,162)
#CDBBAE
(205,187,174)
#D4C5BA
(212,197,186)
#DBCFC6
(219,207,198)
#E2D9D2
(226,217,210)
#E9E3DE
(233,227,222)
#F0EDEA
(240,237,234)
#FFFFFF
(255,255,255)

CSS3 styles

Examples of css and html codes for elements with #AA8972 color. Also use rgb(170,137,114) instead hex code.

Text Font Color

.myTextColor { color: #AA8972; }

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

This text font color is #AA8972.

Background Color

.myBgColor { background-color: #AA8972; }

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

This div background color is #AA8972.

Border color

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

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

This div border color is #AA8972.

Opacity

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

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

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

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

This text has shadow with #AA8972 color.


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

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

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


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

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

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

Div box shadow color

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

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

This div box has shadow with color #AA8972.

Preview

Color preview on black background

This text has color #AA8972 on black background.


Color preview on white background

This text has color #AA8972 on white background.


Black color preview on #AA8972 background

This text has black color on #AA8972 background.


White color preview on #AA8972 background

This text has white color on #AA8972 background.


Related colors

Complementary color

Complementary color for #hex is #55768D.


I love getcolorcode.com

Triadic colors

1 #72AA89 and #8972AA with #AA8972 are triadic colors.

2 #7289AA and #89AA72 with #AA8972 are triadic colors.