Color #A7774D

Color info

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

RGB color model

#A7774D color RGB value is (167,119,77).

red value is 167;
green value is 119;
blue value is 77.

RGB: (167,119,77) (65%, 47%, 30%)

RGB channels and saturation

R 167 of 255 = 65%
G 119 of 255 = 47%
B 77 of 255 = 30%

167

119

77

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

Portions of RGB colors in percentages

R + G + B = 167 + 119 + 77 = 363 (100%)
R 167 of 363 ~ 46.01%
G 119 of 363 ~ 32.78%
B 77 of 363 ~ 21.21'%

%46.01

%32.78

%21.21

CMYK color model

#A7774D color CMYK value is (0,29,54,35).

cyan value is 0.00%
magenta value is 28.74%
yellow value is 53.89%
key color value is 34.51%

CMYK: (0,29,54,35)
C0M29Y54K35 (0%, 29%, 54%, 35%)
(0.00 / 0.29 / 0.54 / 0.35)

CMYK percentages

%0

%28.74

%53.89

%34.51

Codes

Color #A7774D in popluar color models

	A7	77	4D
RGB	167	119	77
HSL	28°	36.89%	47.84%
HSB/HSV	28°	53.89%	65.49%
CMYK	0.00%	28.74%	53.89%
CMYK	34.51%

Color #A7774D in popluar number systems.

HEX	A7	77	4D
Decimal	167	119	77
Binary	10100111	1110111	1001101
Octal	247	167	115

Shades and tints

Shades of #A7774D

#A7774D
(167,119,77)

#986D46
(152,109,70)

#89633F
(137,99,63)

#7A5938
(122,89,56)

#6B4F31
(107,79,49)

#5C452A
(92,69,42)

#4D3B23
(77,59,35)

#3E311C
(62,49,28)

#2F2715
(47,39,21)

#201D0E
(32,29,14)

#111307
(17,19,7)

#000000
(0,0,0)

Tints of #A7774D

#A7774D
(167,119,77)

#AF835D
(175,131,93)

#B78F6D
(183,143,109)

#BF9B7D
(191,155,125)

#C7A78D
(199,167,141)

#CFB39D
(207,179,157)

#D7BFAD
(215,191,173)

#DFCBBD
(223,203,189)

#E7D7CD
(231,215,205)

#EFE3DD
(239,227,221)

#F7EFED
(247,239,237)

#FFFFFF
(255,255,255)

CSS3 styles

Examples of css and html codes for elements with #A7774D color. Also use rgb(167,119,77) instead hex code.

Text Font Color

.myTextColor { color: #A7774D; }

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

This text font color is #A7774D.

Background Color

.myBgColor { background-color: #A7774D; }

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

This div background color is #A7774D.

Border color

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

This div border color is #A7774D.

Opacity

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

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

This text has shadow with #A7774D color.

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

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

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

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

Div box shadow color

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

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

This div box has shadow with color #A7774D.