COLOR #A66F47

HEX: #A66F47 RGB: (166,111,71)

Color info
Codes
CSS3 styles
Preview
Shades and tints
Color combinations

Color info

#A66F47 contains mainly red and green colors. Web safe color of #A66F47 is #996633 (or #963).

RGB color model

#A66F47 color RGB value is (166,111,71).

red value is 166;
green value is 111;
blue value is 71.

RGB: (166,111,71) (65%, 44%, 28%)

RGB channels and saturation

R 166 of 255 = 65%
G 111 of 255 = 44%
B 71 of 255 = 28%

166

111

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

Portions of RGB colors in percentages

R + G + B = 166 + 111 + 71 = 348 (100%)
R 166 of 348 ~ 47.7%
G 111 of 348 ~ 31.9%
B 71 of 348 ~ 20.4'%

%47.7

%31.9

%20.4

CMYK color model

#A66F47 color CMYK value is (0,33,57,35).

cyan value is 0.00%
magenta value is 33.13%
yellow value is 57.23%
key color value is 34.90%

CMYK: (0,33,57,35) C0M33Y57K35 (0%,33%,57%,35%) (0.00/0.33/0.57/0.35)

CMYK percentages

%33.13

%57.23

%34.9

Codes

Color #A66F47 in popluar color models

	A6	6F	47
RGB	166	111	71
HSL	25°	40.08%	46.47%
HSB/HSV	25°	57.23%	65.10%
CMYK	0.00%	33.13%	57.23%
CMYK	34.90%

Color #A66F47 in popluar number systems.

HEX	A6	6F	47
Decimal	166	111	71
Binary	10100110	1101111	1000111
Octal	246	157	107

Shades and tints

Shades of #A66F47

#A66F47
(166,111,71)

#976541
(151,101,65)

#885B3B
(136,91,59)

#795135
(121,81,53)

#6A472F
(106,71,47)

#5B3D29
(91,61,41)

#4C3323
(76,51,35)

#3D291D
(61,41,29)

#2E1F17
(46,31,23)

#1F1511
(31,21,17)

#100B0B
(16,11,11)

#000000
(0,0,0)

Tints of #A66F47

#A66F47
(166,111,71)

#AE7C57
(174,124,87)

#B68967
(182,137,103)

#BE9677
(190,150,119)

#C6A387
(198,163,135)

#CEB097
(206,176,151)

#D6BDA7
(214,189,167)

#DECAB7
(222,202,183)

#E6D7C7
(230,215,199)

#EEE4D7
(238,228,215)

#F6F1E7
(246,241,231)

#FFFFFF
(255,255,255)

CSS3 styles

Examples of css and html codes for elements with #A66F47 color. Also use rgb(166,111,71) instead hex code.

Text Font Color

.myTextColor { color: #A66F47; }

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

This text font color is #A66F47.

Background Color

.myBgColor { background-color: #A66F47; }

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

This div background color is #A66F47.

Border color

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

This div border color is #A66F47.

Opacity

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

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

This text has shadow with #A66F47 color.

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

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

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

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

Div box shadow color

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

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

This div box has shadow with color #A66F47.