COLOR #8EDB2E

HEX: #8EDB2E
RGB: (142,219,46)

Color info

#8EDB2E contains mainly green color. Web safe color of #8EDB2E is #99CC33 (or #9C3).

RGB color model

#8EDB2E color RGB value is (142,219,46).

  • red value is 142;
  • green value is 219;
  • blue value is 46.
RGB:
(142,219,46)
(56%,86%,18%)

RGB channels and saturation

R 142 of 255 = 56%
G 219 of 255 = 86%
B 46 of 255 = 18%

142
219
46

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

Portions of RGB colors in percentages

R + G + B =
142 + 219 + 46 = 407 (100%)
R 142 of 407 ~ 34.89%
G 219 of 407 ~ 53.81%
B 46 of 407 ~ 11.3%

%34.89
%53.81
%11.3

CMYK color model

#8EDB2E color CMYK value is (35,0,79,14).

  • cyan value is 35.16%
  • magenta value is 0.00%
  • yellow value is 79.00%
  • key color value is 14.12%
CMYK:
(35,0,79,14)
C35M0Y79K14 
(35%,0%,79%,14%)
(0.35/0.00/0.79/0.14)	

CMYK percentages

%35.16
%0
%79
%14.12

Codes

Color #8EDB2E in popluar color models

8EDB2E
RGB14221946
HSL87°70.61%51.96%
HSB/HSV87°79.00%85.88%
CMYK35.16%0.00%79.00%
14.12%

Color #8EDB2E in popluar number systems.

HEX8EDB2E
Decimal14221946
Binary1000111011011011101110
Octal21633356

Shades and tints

Shades of #8EDB2E

#8EDB2E
(142,219,46)
#82C82A
(130,200,42)
#76B526
(118,181,38)
#6AA222
(106,162,34)
#5E8F1E
(94,143,30)
#527C1A
(82,124,26)
#466916
(70,105,22)
#3A5612
(58,86,18)
#2E430E
(46,67,14)
#22300A
(34,48,10)
#161D06
(22,29,6)
#000000
(0,0,0)

Tints of #8EDB2E

#8EDB2E
(142,219,46)
#98DE41
(152,222,65)
#A2E154
(162,225,84)
#ACE467
(172,228,103)
#B6E77A
(182,231,122)
#C0EA8D
(192,234,141)
#CAEDA0
(202,237,160)
#D4F0B3
(212,240,179)
#DEF3C6
(222,243,198)
#E8F6D9
(232,246,217)
#F2F9EC
(242,249,236)
#FFFFFF
(255,255,255)

CSS3 styles

Examples of css and html codes for elements with #8EDB2E color. Also use rgb(142,219,46) instead hex code.

Text Font Color

.myTextColor { color: #8EDB2E; }

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

This text font color is #8EDB2E.


Background Color

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

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

This div background color is #8EDB2E.


Border color

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

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

This div border color is #8EDB2E.


Opacity

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

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

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

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

This text has shadow with #8EDB2E color.

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

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

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


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

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

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


Div box shadow color

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

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

Preview

Color preview on black background

This text has color #8EDB2E on black background.


Color preview on white background

This text has color #8EDB2E on white background.



Black color preview on #8EDB2E background

This text has black color on #8EDB2E background.


White color preview on #8EDB2E background

This text has white color on #8EDB2E background.