COLOR #8A7217

HEX: #8A7217 RGB: (138,114,23)

Color info
Codes
CSS3 styles
Preview
Shades and tints
Color combinations

Color info

#8A7217 contains mainly red and green colors. Web safe color of #8A7217 is #996600 (or #960).

RGB color model

#8A7217 color RGB value is (138,114,23).

red value is 138;
green value is 114;
blue value is 23.

RGB: (138,114,23) (54%, 45%, 9%)

RGB channels and saturation

R 138 of 255 = 54%
G 114 of 255 = 45%
B 23 of 255 = 9%

138

114

R + G + B ~ 36%. #8A7217 is quite dark color.

Portions of RGB colors in percentages

R + G + B = 138 + 114 + 23 = 275 (100%)
R 138 of 275 ~ 50.18%
G 114 of 275 ~ 41.45%
B 23 of 275 ~ 8.36'%

%50.18

%41.45

CMYK color model

#8A7217 color CMYK value is (0,17,83,46).

cyan value is 0.00%
magenta value is 17.39%
yellow value is 83.33%
key color value is 45.88%

CMYK: (0,17,83,46) C0M17Y83K46 (0%,17%,83%,46%) (0.00/0.17/0.83/0.46)

CMYK percentages

%17.39

%83.33

%45.88

Codes

Color #8A7217 in popluar color models

	8A	72	17
RGB	138	114	23
HSL	47°	71.43%	31.57%
HSB/HSV	47°	83.33%	54.12%
CMYK	0.00%	17.39%	83.33%
CMYK	45.88%

Color #8A7217 in popluar number systems.

HEX	8A	72	17
Decimal	138	114	23
Binary	10001010	1110010	10111
Octal	212	162	27

Shades and tints

Shades of #8A7217

#8A7217
(138,114,23)

#7E6815
(126,104,21)

#725E13
(114,94,19)

#665411
(102,84,17)

#5A4A0F
(90,74,15)

#4E400D
(78,64,13)

#42360B
(66,54,11)

#362C09
(54,44,9)

#2A2207
(42,34,7)

#1E1805
(30,24,5)

#120E03
(18,14,3)

#000000
(0,0,0)

Tints of #8A7217

#8A7217
(138,114,23)

#947E2C
(148,126,44)

#9E8A41
(158,138,65)

#A89656
(168,150,86)

#B2A26B
(178,162,107)

#BCAE80
(188,174,128)

#C6BA95
(198,186,149)

#D0C6AA
(208,198,170)

#DAD2BF
(218,210,191)

#E4DED4
(228,222,212)

#EEEAE9
(238,234,233)

#FFFFFF
(255,255,255)

CSS3 styles

Examples of css and html codes for elements with #8A7217 color. Also use rgb(138,114,23) instead hex code.

Text Font Color

.myTextColor { color: #8A7217; }

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

This text font color is #8A7217.

Background Color

.myBgColor { background-color: #8A7217; }

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

This div background color is #8A7217.

Border color

.myBorderColor { border: 1px solid #8A7217; }

This div border color is #8A7217.

Opacity

.myOpacity80 { color: #8A7217; opacity: 0.8; }

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

This text has shadow with #8A7217 color.

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

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

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

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

Div box shadow color

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

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

This div box has shadow with color #8A7217.