COLOR #8AE414

HEX: #8AE414
RGB: (138,228,20)

Color info

#8AE414 contains mainly green color. Web safe color of #8AE414 is #99CC00 (or #9C0).

RGB color model

#8AE414 color RGB value is (138,228,20).

  • red value is 138;
  • green value is 228;
  • blue value is 20.
RGB:
(138,228,20)
(54%,89%,8%)

RGB channels and saturation

R 138 of 255 = 54%
G 228 of 255 = 89%
B 20 of 255 = 8%

138
228
20

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

Portions of RGB colors in percentages

R + G + B =
138 + 228 + 20 = 386 (100%)
R 138 of 386 ~ 35.75%
G 228 of 386 ~ 59.07%
B 20 of 386 ~ 5.18%

%35.75
%59.07

CMYK color model

#8AE414 color CMYK value is (39,0,91,11).

  • cyan value is 39.47%
  • magenta value is 0.00%
  • yellow value is 91.23%
  • key color value is 10.59%
CMYK:
(39,0,91,11)
C39M0Y91K11 
(39%,0%,91%,11%)
(0.39/0.00/0.91/0.11)	

CMYK percentages

%39.47
%0
%91.23
%10.59

Codes

Color #8AE414 in popluar color models

8AE414
RGB13822820
HSL86°83.87%48.63%
HSB/HSV86°91.23%89.41%
CMYK39.47%0.00%91.23%
10.59%

Color #8AE414 in popluar number systems.

HEX8AE414
Decimal13822820
Binary100010101110010010100
Octal21234424

Shades and tints

Shades of #8AE414

#8AE414
(138,228,20)
#7ED013
(126,208,19)
#72BC12
(114,188,18)
#66A811
(102,168,17)
#5A9410
(90,148,16)
#4E800F
(78,128,15)
#426C0E
(66,108,14)
#36580D
(54,88,13)
#2A440C
(42,68,12)
#1E300B
(30,48,11)
#121C0A
(18,28,10)
#000000
(0,0,0)

Tints of #8AE414

#8AE414
(138,228,20)
#94E629
(148,230,41)
#9EE83E
(158,232,62)
#A8EA53
(168,234,83)
#B2EC68
(178,236,104)
#BCEE7D
(188,238,125)
#C6F092
(198,240,146)
#D0F2A7
(208,242,167)
#DAF4BC
(218,244,188)
#E4F6D1
(228,246,209)
#EEF8E6
(238,248,230)
#FFFFFF
(255,255,255)

CSS3 styles

Examples of css and html codes for elements with #8AE414 color. Also use rgb(138,228,20) instead hex code.

Text Font Color

.myTextColor { color: #8AE414; }

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

This text font color is #8AE414.


Background Color

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

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

This div background color is #8AE414.


Border color

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

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

This div border color is #8AE414.


Opacity

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

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

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

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

This text has shadow with #8AE414 color.

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

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

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


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

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

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


Div box shadow color

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

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

Preview

Color preview on black background

This text has color #8AE414 on black background.


Color preview on white background

This text has color #8AE414 on white background.



Black color preview on #8AE414 background

This text has black color on #8AE414 background.


White color preview on #8AE414 background

This text has white color on #8AE414 background.