COLOR #AEF490

HEX: #AEF490
RGB: (174,244,144)

Color info

#AEF490 contains mainly green color. Web safe color of #AEF490 is #99FF99 (or #9F9).

RGB color model

#AEF490 color RGB value is (174,244,144).

  • red value is 174;
  • green value is 244;
  • blue value is 144.
RGB:
(174,244,144)
(68%,96%,56%)

RGB channels and saturation

R 174 of 255 = 68%
G 244 of 255 = 96%
B 144 of 255 = 56%

174
244
144

R + G + B ~ 73%. #AEF490 is quite light color.

Portions of RGB colors in percentages

R + G + B =
174 + 244 + 144 = 562 (100%)
R 174 of 562 ~ 30.96%
G 244 of 562 ~ 43.42%
B 144 of 562 ~ 25.62%

%30.96
%43.42
%25.62

CMYK color model

#AEF490 color CMYK value is (29,0,41,4).

  • cyan value is 28.69%
  • magenta value is 0.00%
  • yellow value is 40.98%
  • key color value is 4.31%
CMYK:
(29,0,41,4)
C29M0Y41K4 
(29%,0%,41%,4%)
(0.29/0.00/0.41/0.04)	

CMYK percentages

%28.69
%0
%40.98
%4.31

Codes

Color #AEF490 in popluar color models

AEF490
RGB174244144
HSL102°81.97%76.08%
HSB/HSV102°40.98%95.69%
CMYK28.69%0.00%40.98%
4.31%

Color #AEF490 in popluar number systems.

HEXAEF490
Decimal174244144
Binary101011101111010010010000
Octal256364220

Shades and tints

Shades of #AEF490

#AEF490
(174,244,144)
#9FDE83
(159,222,131)
#90C876
(144,200,118)
#81B269
(129,178,105)
#729C5C
(114,156,92)
#63864F
(99,134,79)
#547042
(84,112,66)
#455A35
(69,90,53)
#364428
(54,68,40)
#272E1B
(39,46,27)
#18180E
(24,24,14)
#000000
(0,0,0)

Tints of #AEF490

#AEF490
(174,244,144)
#B5F59A
(181,245,154)
#BCF6A4
(188,246,164)
#C3F7AE
(195,247,174)
#CAF8B8
(202,248,184)
#D1F9C2
(209,249,194)
#D8FACC
(216,250,204)
#DFFBD6
(223,251,214)
#E6FCE0
(230,252,224)
#EDFDEA
(237,253,234)
#F4FEF4
(244,254,244)
#FFFFFF
(255,255,255)

CSS3 styles

Examples of css and html codes for elements with #AEF490 color. Also use rgb(174,244,144) instead hex code.

Text Font Color

.myTextColor { color: #AEF490; }

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

This text font color is #AEF490.


Background Color

.myBgColor { background-color: #AEF490; }

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

This div background color is #AEF490.


Border color

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

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

This div border color is #AEF490.


Opacity

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

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

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

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

This text has shadow with #AEF490 color.

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

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

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


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

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

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


Div box shadow color

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

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

Preview

Color preview on black background

This text has color #AEF490 on black background.


Color preview on white background

This text has color #AEF490 on white background.



Black color preview on #AEF490 background

This text has black color on #AEF490 background.


White color preview on #AEF490 background

This text has white color on #AEF490 background.