COLOR #AA7B6F

HEX: #AA7B6F RGB: (170,123,111)

Color info
Codes
CSS3 styles
Preview
Shades and tints
Color combinations

Color info

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

RGB color model

#AA7B6F color RGB value is (170,123,111).

red value is 170;
green value is 123;
blue value is 111.

RGB: (170,123,111) (67%, 48%, 44%)

RGB channels and saturation

R 170 of 255 = 67%
G 123 of 255 = 48%
B 111 of 255 = 44%

170

123

111

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

Portions of RGB colors in percentages

R + G + B = 170 + 123 + 111 = 404 (100%)
R 170 of 404 ~ 42.08%
G 123 of 404 ~ 30.45%
B 111 of 404 ~ 27.48'%

%42.08

%30.45

%27.48

CMYK color model

#AA7B6F color CMYK value is (0,28,35,33).

cyan value is 0.00%
magenta value is 27.65%
yellow value is 34.71%
key color value is 33.33%

CMYK: (0,28,35,33) C0M28Y35K33 (0%,28%,35%,33%) (0.00/0.28/0.35/0.33)

CMYK percentages

%27.65

%34.71

%33.33

Codes

Color #AA7B6F in popluar color models

	AA	7B	6F
RGB	170	123	111
HSL	12°	25.76%	55.10%
HSB/HSV	12°	34.71%	66.67%
CMYK	0.00%	27.65%	34.71%
CMYK	33.33%

Color #AA7B6F in popluar number systems.

HEX	AA	7B	6F
Decimal	170	123	111
Binary	10101010	1111011	1101111
Octal	252	173	157

Shades and tints

Shades of #AA7B6F

#AA7B6F
(170,123,111)

#9B7065
(155,112,101)

#8C655B
(140,101,91)

#7D5A51
(125,90,81)

#6E4F47
(110,79,71)

#5F443D
(95,68,61)

#503933
(80,57,51)

#412E29
(65,46,41)

#32231F
(50,35,31)

#231815
(35,24,21)

#140D0B
(20,13,11)

#000000
(0,0,0)

Tints of #AA7B6F

#AA7B6F
(170,123,111)

#B1877C
(177,135,124)

#B89389
(184,147,137)

#BF9F96
(191,159,150)

#C6ABA3
(198,171,163)

#CDB7B0
(205,183,176)

#D4C3BD
(212,195,189)

#DBCFCA
(219,207,202)

#E2DBD7
(226,219,215)

#E9E7E4
(233,231,228)

#F0F3F1
(240,243,241)

#FFFFFF
(255,255,255)

CSS3 styles

Examples of css and html codes for elements with #AA7B6F color. Also use rgb(170,123,111) instead hex code.

Text Font Color

.myTextColor { color: #AA7B6F; }

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

This text font color is #AA7B6F.

Background Color

.myBgColor { background-color: #AA7B6F; }

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

This div background color is #AA7B6F.

Border color

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

This div border color is #AA7B6F.

Opacity

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

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

This text has shadow with #AA7B6F color.

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

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

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

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

Div box shadow color

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

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

This div box has shadow with color #AA7B6F.