Color #8A6428

Color info

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

RGB color model

#8A6428 color RGB value is (138,100,40).

red value is 138;
green value is 100;
blue value is 40.

RGB:
(138,100,40)
(54%,39%,16%)

RGB channels and saturation

R 138 of 255 = 54%
G 100 of 255 = 39%
B 40 of 255 = 16%

138

100

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

Portions of RGB colors in percentages

R + G + B =
138 + 100 + 40 = 278 (100%)
R 138 of 278 ~ 49.64%
G 100 of 278 ~ 35.97%
B 40 of 278 ~ 14.39%

%49.64

%35.97

%14.39

CMYK color model

#8A6428 color CMYK value is (0,28,71,46).

cyan value is 0.00%
magenta value is 27.54%
yellow value is 71.01%
key color value is 45.88%

CMYK:
(0,28,71,46)
C0M28Y71K46 
(0%,28%,71%,46%)
(0.00/0.28/0.71/0.46)

CMYK percentages

%27.54

%71.01

%45.88

Codes

Color #8A6428 in popluar color models

	8A	64	28
RGB	138	100	40
HSL	37°	55.06%	34.90%
HSB/HSV	37°	71.01%	54.12%
CMYK	0.00%	27.54%	71.01%
CMYK	45.88%

Color #8A6428 in popluar number systems.

HEX	8A	64	28
Decimal	138	100	40
Binary	10001010	1100100	101000
Octal	212	144	50

Shades and tints

Shades of #8A6428

#8A6428
(138,100,40)

#7E5B25
(126,91,37)

#725222
(114,82,34)

#66491F
(102,73,31)

#5A401C
(90,64,28)

#4E3719
(78,55,25)

#422E16
(66,46,22)

#362513
(54,37,19)

#2A1C10
(42,28,16)

#1E130D
(30,19,13)

#120A0A
(18,10,10)

#000000
(0,0,0)

Tints of #8A6428

#8A6428
(138,100,40)

#94723B
(148,114,59)

#9E804E
(158,128,78)

#A88E61
(168,142,97)

#B29C74
(178,156,116)

#BCAA87
(188,170,135)

#C6B89A
(198,184,154)

#D0C6AD
(208,198,173)

#DAD4C0
(218,212,192)

#E4E2D3
(228,226,211)

#EEF0E6
(238,240,230)

#FFFFFF
(255,255,255)

CSS3 styles

Examples of css and html codes for elements with #8A6428 color. Also use rgb(138,100,40) instead hex code.

Text Font Color

.myTextColor { color: #8A6428; }

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

This text font color is #8A6428.

Background Color

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

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

This div background color is #8A6428.

Border color

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

<div style="border:3px solid #8A6428">Div</div>

This div border color is #8A6428.

Opacity

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

<p style="color:#8A6428;opacity:0.8;">80%</p>

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

<p style="text-shadow: 3px 3px 1px #8A6428">Text here.</p>

This text has shadow with #8A6428 color.

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

<p style="text-shadow: 3px 3px 1px #8A6428, 5px 5px 20px red">Text here.</p>

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

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

<p style="filter: Shadow(Color=#8A6428, Direction=45, Strength=4)">Text</p>

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

Div box shadow color

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

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

This div box has shadow with color #8A6428.

Preview

Color preview on black background

This text has color #8A6428 on black background.

Color preview on white background

This text has color #8A6428 on white background.

Black color preview on #8A6428 background

This text has black color on #8A6428 background.

White color preview on #8A6428 background

This text has white color on #8A6428 background.