COLOR #8A9D89

HEX: #8A9D89 RGB: (138,157,137)

Color info
Codes
CSS3 styles
Preview
Shades and tints
Color combinations

Color info

#8A9D89 contains red, green and blue colors in about the same proportion. Web safe color of #8A9D89 is #999999 (or #999).

RGB color model

#8A9D89 color RGB value is (138,157,137).

red value is 138;
green value is 157;
blue value is 137.

RGB: (138,157,137) (54%, 62%, 54%)

RGB channels and saturation

R 138 of 255 = 54%
G 157 of 255 = 62%
B 137 of 255 = 54%

138

157

137

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

Portions of RGB colors in percentages

R + G + B = 138 + 157 + 137 = 432 (100%)
R 138 of 432 ~ 31.94%
G 157 of 432 ~ 36.34%
B 137 of 432 ~ 31.71'%

%31.94

%36.34

%31.71

CMYK color model

#8A9D89 color CMYK value is (12,0,13,38).

cyan value is 12.10%
magenta value is 0.00%
yellow value is 12.74%
key color value is 38.43%

CMYK: (12,0,13,38) C12M0Y13K38 (12%,0%,13%,38%) (0.12/0.00/0.13/0.38)

CMYK percentages

%12.1

%12.74

%38.43

Codes

Color #8A9D89 in popluar color models

	8A	9D	89
RGB	138	157	137
HSL	117°	9.26%	57.65%
HSB/HSV	117°	12.74%	61.57%
CMYK	12.10%	0.00%	12.74%
CMYK	38.43%

Color #8A9D89 in popluar number systems.

HEX	8A	9D	89
Decimal	138	157	137
Binary	10001010	10011101	10001001
Octal	212	235	211

Shades and tints

Shades of #8A9D89

#8A9D89
(138,157,137)

#7E8F7D
(126,143,125)

#728171
(114,129,113)

#667365
(102,115,101)

#5A6559
(90,101,89)

#4E574D
(78,87,77)

#424941
(66,73,65)

#363B35
(54,59,53)

#2A2D29
(42,45,41)

#1E1F1D
(30,31,29)

#121111
(18,17,17)

#000000
(0,0,0)

Tints of #8A9D89

#8A9D89
(138,157,137)

#94A593
(148,165,147)

#9EAD9D
(158,173,157)

#A8B5A7
(168,181,167)

#B2BDB1
(178,189,177)

#BCC5BB
(188,197,187)

#C6CDC5
(198,205,197)

#D0D5CF
(208,213,207)

#DADDD9
(218,221,217)

#E4E5E3
(228,229,227)

#EEEDED
(238,237,237)

#FFFFFF
(255,255,255)

CSS3 styles

Examples of css and html codes for elements with #8A9D89 color. Also use rgb(138,157,137) instead hex code.

Text Font Color

.myTextColor { color: #8A9D89; }

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

This text font color is #8A9D89.

Background Color

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

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

This div background color is #8A9D89.

Border color

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

This div border color is #8A9D89.

Opacity

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

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

This text has shadow with #8A9D89 color.

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

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

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

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

Div box shadow color

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

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

This div box has shadow with color #8A9D89.