Color #89ED80

Color info

#89ED80 contains mainly green color. Web safe color of #89ED80 is #99FF66 (or #9F6).

RGB color model

#89ED80 color RGB value is (137,237,128).

red value is 137;
green value is 237;
blue value is 128.

RGB:
(137,237,128)
(54%,93%,50%)

RGB channels and saturation

R 137 of 255 = 54%
G 237 of 255 = 93%
B 128 of 255 = 50%

137

237

128

R + G + B ~ 66%. #89ED80 is quite light color.

Portions of RGB colors in percentages

R + G + B =
137 + 237 + 128 = 502 (100%)
R 137 of 502 ~ 27.29%
G 237 of 502 ~ 47.21%
B 128 of 502 ~ 25.5%

%27.29

%47.21

%25.5

CMYK color model

#89ED80 color CMYK value is (42,0,46,7).

cyan value is 42.19%
magenta value is 0.00%
yellow value is 45.99%
key color value is 7.06%

CMYK:
(42,0,46,7)
C42M0Y46K7 
(42%,0%,46%,7%)
(0.42/0.00/0.46/0.07)

CMYK percentages

%42.19

%45.99

%7.06

Codes

Color #89ED80 in popluar color models

	89	ED	80
RGB	137	237	128
HSL	115°	75.17%	71.57%
HSB/HSV	115°	45.99%	92.94%
CMYK	42.19%	0.00%	45.99%
CMYK	7.06%

Color #89ED80 in popluar number systems.

HEX	89	ED	80
Decimal	137	237	128
Binary	10001001	11101101	10000000
Octal	211	355	200

Shades and tints

Shades of #89ED80

#89ED80
(137,237,128)

#7DD875
(125,216,117)

#71C36A
(113,195,106)

#65AE5F
(101,174,95)

#599954
(89,153,84)

#4D8449
(77,132,73)

#416F3E
(65,111,62)

#355A33
(53,90,51)

#294528
(41,69,40)

#1D301D
(29,48,29)

#111B12
(17,27,18)

#000000
(0,0,0)

Tints of #89ED80

#89ED80
(137,237,128)

#93EE8B
(147,238,139)

#9DEF96
(157,239,150)

#A7F0A1
(167,240,161)

#B1F1AC
(177,241,172)

#BBF2B7
(187,242,183)

#C5F3C2
(197,243,194)

#CFF4CD
(207,244,205)

#D9F5D8
(217,245,216)

#E3F6E3
(227,246,227)

#EDF7EE
(237,247,238)

#FFFFFF
(255,255,255)

CSS3 styles

Examples of css and html codes for elements with #89ED80 color. Also use rgb(137,237,128) instead hex code.

Text Font Color

.myTextColor { color: #89ED80; }

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

This text font color is #89ED80.

Background Color

.myBgColor { background-color: #89ED80; }

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

This div background color is #89ED80.

Border color

.myBorderColor { border: 1px solid #89ED80; }

<div style="border:3px solid #89ED80">Div</div>

This div border color is #89ED80.

Opacity

.myOpacity80 { color: #89ED80; opacity: 0.8; }

<p style="color:#89ED80;opacity:0.8;">80%</p>

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

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

This text has shadow with #89ED80 color.

.textShadow {text-shadow: 3px 3px 1px #89ED80, 3px 3px 1px red;}

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

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

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

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

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

Div box shadow color

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

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

This div box has shadow with color #89ED80.

Preview

Color preview on black background

This text has color #89ED80 on black background.

Color preview on white background

This text has color #89ED80 on white background.

Black color preview on #89ED80 background

This text has black color on #89ED80 background.

White color preview on #89ED80 background

This text has white color on #89ED80 background.