Color #8ABD7E

Color info

#8ABD7E contains mainly red and green colors. Web safe color of #8ABD7E is #99CC66 (or #9C6).

RGB color model

#8ABD7E color RGB value is (138,189,126).

red value is 138;
green value is 189;
blue value is 126.

RGB:
(138,189,126)
(54%,74%,49%)

RGB channels and saturation

R 138 of 255 = 54%
G 189 of 255 = 74%
B 126 of 255 = 49%

138

189

126

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

Portions of RGB colors in percentages

R + G + B =
138 + 189 + 126 = 453 (100%)
R 138 of 453 ~ 30.46%
G 189 of 453 ~ 41.72%
B 126 of 453 ~ 27.81%

%30.46

%41.72

%27.81

CMYK color model

#8ABD7E color CMYK value is (27,0,33,26).

cyan value is 26.98%
magenta value is 0.00%
yellow value is 33.33%
key color value is 25.88%

CMYK:
(27,0,33,26)
C27M0Y33K26 
(27%,0%,33%,26%)
(0.27/0.00/0.33/0.26)

CMYK percentages

%26.98

%33.33

%25.88

Codes

Color #8ABD7E in popluar color models

	8A	BD	7E
RGB	138	189	126
HSL	109°	32.31%	61.76%
HSB/HSV	109°	33.33%	74.12%
CMYK	26.98%	0.00%	33.33%
CMYK	25.88%

Color #8ABD7E in popluar number systems.

HEX	8A	BD	7E
Decimal	138	189	126
Binary	10001010	10111101	1111110
Octal	212	275	176

Shades and tints

Shades of #8ABD7E

#8ABD7E
(138,189,126)

#7EAC73
(126,172,115)

#729B68
(114,155,104)

#668A5D
(102,138,93)

#5A7952
(90,121,82)

#4E6847
(78,104,71)

#42573C
(66,87,60)

#364631
(54,70,49)

#2A3526
(42,53,38)

#1E241B
(30,36,27)

#121310
(18,19,16)

#000000
(0,0,0)

Tints of #8ABD7E

#8ABD7E
(138,189,126)

#94C389
(148,195,137)

#9EC994
(158,201,148)

#A8CF9F
(168,207,159)

#B2D5AA
(178,213,170)

#BCDBB5
(188,219,181)

#C6E1C0
(198,225,192)

#D0E7CB
(208,231,203)

#DAEDD6
(218,237,214)

#E4F3E1
(228,243,225)

#EEF9EC
(238,249,236)

#FFFFFF
(255,255,255)

CSS3 styles

Examples of css and html codes for elements with #8ABD7E color. Also use rgb(138,189,126) instead hex code.

Text Font Color

.myTextColor { color: #8ABD7E; }

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

This text font color is #8ABD7E.

Background Color

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

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

This div background color is #8ABD7E.

Border color

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

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

This div border color is #8ABD7E.

Opacity

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

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

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

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

This text has shadow with #8ABD7E color.

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

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

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

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

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

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

Div box shadow color

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

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

This div box has shadow with color #8ABD7E.

Preview

Color preview on black background

This text has color #8ABD7E on black background.

Color preview on white background

This text has color #8ABD7E on white background.

Black color preview on #8ABD7E background

This text has black color on #8ABD7E background.

White color preview on #8ABD7E background

This text has white color on #8ABD7E background.