COLOR #A0E34E

HEX: #A0E34E
RGB: (160,227,78)

Color info

#A0E34E contains mainly green color. Web safe color of #A0E34E is #99CC66 (or #9C6).

RGB color model

#A0E34E color RGB value is (160,227,78).

  • red value is 160;
  • green value is 227;
  • blue value is 78.
RGB:
(160,227,78)
(63%,89%,31%)

RGB channels and saturation

R 160 of 255 = 63%
G 227 of 255 = 89%
B 78 of 255 = 31%

160
227
78

R + G + B ~ 61%. #A0E34E is quite light color.

Portions of RGB colors in percentages

R + G + B =
160 + 227 + 78 = 465 (100%)
R 160 of 465 ~ 34.41%
G 227 of 465 ~ 48.82%
B 78 of 465 ~ 16.77%

%34.41
%48.82
%16.77

CMYK color model

#A0E34E color CMYK value is (30,0,66,11).

  • cyan value is 29.52%
  • magenta value is 0.00%
  • yellow value is 65.64%
  • key color value is 10.98%
CMYK:
(30,0,66,11)
C30M0Y66K11 
(30%,0%,66%,11%)
(0.30/0.00/0.66/0.11)	

CMYK percentages

%29.52
%0
%65.64
%10.98

Codes

Color #A0E34E in popluar color models

A0E34E
RGB16022778
HSL87°72.68%59.80%
HSB/HSV87°65.64%89.02%
CMYK29.52%0.00%65.64%
10.98%

Color #A0E34E in popluar number systems.

HEXA0E34E
Decimal16022778
Binary10100000111000111001110
Octal240343116

Shades and tints

Shades of #A0E34E

#A0E34E
(160,227,78)
#92CF47
(146,207,71)
#84BB40
(132,187,64)
#76A739
(118,167,57)
#689332
(104,147,50)
#5A7F2B
(90,127,43)
#4C6B24
(76,107,36)
#3E571D
(62,87,29)
#304316
(48,67,22)
#222F0F
(34,47,15)
#141B08
(20,27,8)
#000000
(0,0,0)

Tints of #A0E34E

#A0E34E
(160,227,78)
#A8E55E
(168,229,94)
#B0E76E
(176,231,110)
#B8E97E
(184,233,126)
#C0EB8E
(192,235,142)
#C8ED9E
(200,237,158)
#D0EFAE
(208,239,174)
#D8F1BE
(216,241,190)
#E0F3CE
(224,243,206)
#E8F5DE
(232,245,222)
#F0F7EE
(240,247,238)
#FFFFFF
(255,255,255)

CSS3 styles

Examples of css and html codes for elements with #A0E34E color. Also use rgb(160,227,78) instead hex code.

Text Font Color

.myTextColor { color: #A0E34E; }

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

This text font color is #A0E34E.


Background Color

.myBgColor { background-color: #A0E34E; }

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

This div background color is #A0E34E.


Border color

.myBorderColor { border: 1px solid #A0E34E; }

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

This div border color is #A0E34E.


Opacity

.myOpacity80 { color: #A0E34E; opacity: 0.8; }

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

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

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

This text has shadow with #A0E34E color.

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

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

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


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

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

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


Div box shadow color

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

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

Preview

Color preview on black background

This text has color #A0E34E on black background.


Color preview on white background

This text has color #A0E34E on white background.



Black color preview on #A0E34E background

This text has black color on #A0E34E background.


White color preview on #A0E34E background

This text has white color on #A0E34E background.