COLOR #AFA989

HEX: #AFA989 RGB: (175,169,137)

Color info
Codes
CSS3 styles
Preview
Shades and tints
Color combinations

Color info

#AFA989 contains red, green and blue colors in about the same proportion. Web safe color of #AFA989 is #999999 (or #999).

RGB color model

#AFA989 color RGB value is (175,169,137).

red value is 175;
green value is 169;
blue value is 137.

RGB: (175,169,137) (69%, 66%, 54%)

RGB channels and saturation

R 175 of 255 = 69%
G 169 of 255 = 66%
B 137 of 255 = 54%

175

169

137

R + G + B ~ 63%. #AFA989 is quite light color.

Portions of RGB colors in percentages

R + G + B = 175 + 169 + 137 = 481 (100%)
R 175 of 481 ~ 36.38%
G 169 of 481 ~ 35.14%
B 137 of 481 ~ 28.48'%

%36.38

%35.14

%28.48

CMYK color model

#AFA989 color CMYK value is (0,3,22,31).

cyan value is 0.00%
magenta value is 3.43%
yellow value is 21.71%
key color value is 31.37%

CMYK: (0,3,22,31) C0M3Y22K31 (0%,3%,22%,31%) (0.00/0.03/0.22/0.31)

CMYK percentages

%3.43

%21.71

%31.37

Codes

Color #AFA989 in popluar color models

	AF	A9	89
RGB	175	169	137
HSL	51°	19.19%	61.18%
HSB/HSV	51°	21.71%	68.63%
CMYK	0.00%	3.43%	21.71%
CMYK	31.37%

Color #AFA989 in popluar number systems.

HEX	AF	A9	89
Decimal	175	169	137
Binary	10101111	10101001	10001001
Octal	257	251	211

Shades and tints

Shades of #AFA989

#AFA989
(175,169,137)

#A09A7D
(160,154,125)

#918B71
(145,139,113)

#827C65
(130,124,101)

#736D59
(115,109,89)

#645E4D
(100,94,77)

#554F41
(85,79,65)

#464035
(70,64,53)

#373129
(55,49,41)

#28221D
(40,34,29)

#191311
(25,19,17)

#000000
(0,0,0)

Tints of #AFA989

#AFA989
(175,169,137)

#B6B093
(182,176,147)

#BDB79D
(189,183,157)

#C4BEA7
(196,190,167)

#CBC5B1
(203,197,177)

#D2CCBB
(210,204,187)

#D9D3C5
(217,211,197)

#E0DACF
(224,218,207)

#E7E1D9
(231,225,217)

#EEE8E3
(238,232,227)

#F5EFED
(245,239,237)

#FFFFFF
(255,255,255)

CSS3 styles

Examples of css and html codes for elements with #AFA989 color. Also use rgb(175,169,137) instead hex code.

Text Font Color

.myTextColor { color: #AFA989; }

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

This text font color is #AFA989.

Background Color

.myBgColor { background-color: #AFA989; }

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

This div background color is #AFA989.

Border color

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

This div border color is #AFA989.

Opacity

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

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

This text has shadow with #AFA989 color.

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

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

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

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

Div box shadow color

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

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

This div box has shadow with color #AFA989.