COLOR #AF9173

HEX: #AF9173 RGB: (175,145,115)

Color info
Codes
CSS3 styles
Preview
Shades and tints
Color combinations

Color info

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

RGB color model

#AF9173 color RGB value is (175,145,115).

red value is 175;
green value is 145;
blue value is 115.

RGB: (175,145,115) (69%, 57%, 45%)

RGB channels and saturation

R 175 of 255 = 69%
G 145 of 255 = 57%
B 115 of 255 = 45%

175

145

115

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

Portions of RGB colors in percentages

R + G + B = 175 + 145 + 115 = 435 (100%)
R 175 of 435 ~ 40.23%
G 145 of 435 ~ 33.33%
B 115 of 435 ~ 26.44'%

%40.23

%33.33

%26.44

CMYK color model

#AF9173 color CMYK value is (0,17,34,31).

cyan value is 0.00%
magenta value is 17.14%
yellow value is 34.29%
key color value is 31.37%

CMYK: (0,17,34,31) C0M17Y34K31 (0%,17%,34%,31%) (0.00/0.17/0.34/0.31)

CMYK percentages

%17.14

%34.29

%31.37

Codes

Color #AF9173 in popluar color models

	AF	91	73
RGB	175	145	115
HSL	30°	27.27%	56.86%
HSB/HSV	30°	34.29%	68.63%
CMYK	0.00%	17.14%	34.29%
CMYK	31.37%

Color #AF9173 in popluar number systems.

HEX	AF	91	73
Decimal	175	145	115
Binary	10101111	10010001	1110011
Octal	257	221	163

Shades and tints

Shades of #AF9173

#AF9173
(175,145,115)

#A08469
(160,132,105)

#91775F
(145,119,95)

#826A55
(130,106,85)

#735D4B
(115,93,75)

#645041
(100,80,65)

#554337
(85,67,55)

#46362D
(70,54,45)

#372923
(55,41,35)

#281C19
(40,28,25)

#190F0F
(25,15,15)

#000000
(0,0,0)

Tints of #AF9173

#AF9173
(175,145,115)

#B69B7F
(182,155,127)

#BDA58B
(189,165,139)

#C4AF97
(196,175,151)

#CBB9A3
(203,185,163)

#D2C3AF
(210,195,175)

#D9CDBB
(217,205,187)

#E0D7C7
(224,215,199)

#E7E1D3
(231,225,211)

#EEEBDF
(238,235,223)

#F5F5EB
(245,245,235)

#FFFFFF
(255,255,255)

CSS3 styles

Examples of css and html codes for elements with #AF9173 color. Also use rgb(175,145,115) instead hex code.

Text Font Color

.myTextColor { color: #AF9173; }

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

This text font color is #AF9173.

Background Color

.myBgColor { background-color: #AF9173; }

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

This div background color is #AF9173.

Border color

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

This div border color is #AF9173.

Opacity

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

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

This text has shadow with #AF9173 color.

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

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

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

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

Div box shadow color

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

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

This div box has shadow with color #AF9173.