COLOR #A2D994

HEX: #A2D994 RGB: (162,217,148)

Color info

#A2D994 contains mainly red and green colors. Web safe color of #A2D994 is #99CC99 (or #9C9).

RGB color model

#A2D994 color RGB value is (162,217,148).

RGB: (162,217,148) (64%, 85%, 58%)

RGB channels and saturation

R 162 of 255 = 64%
G 217 of 255 = 85%
B 148 of 255 = 58%

162
217
148

R + G + B ~ 69%. #A2D994 is quite light color.

Portions of RGB colors in percentages

R + G + B = 162 + 217 + 148 = 527 (100%)
R 162 of 527 ~ 30.74%
G 217 of 527 ~ 41.18%
B 148 of 527 ~ 28.08'%

%30.74
%41.18
%28.08

CMYK color model

#A2D994 color CMYK value is (25,0,32,15).

  • cyan value is 25.35%
  • magenta value is 0.00%
  • yellow value is 31.80%
  • key color value is 14.90%

CMYK: (25,0,32,15)
C25M0Y32K15 (25%, 0%, 32%, 15%)
(0.25 / 0.00 / 0.32 / 0.15)

CMYK percentages

%25.35
%0
%31.8
%14.9

Codes

Color #A2D994 in popluar color models

A2 D9 94
RGB 162 217 148
HSL 108° 47.59% 71.57%
HSB/HSV 108° 31.80% 85.10%
CMYK 25.35% 0.00% 31.80%
14.90%

Color #A2D994 in popluar number systems.

HEX A2 D9 94
Decimal 162 217 148
Binary 10100010 11011001 10010100
Octal 242 331 224

Shades and tints

Shades of #A2D994

#A2D994
(162,217,148)
#94C687
(148,198,135)
#86B37A
(134,179,122)
#78A06D
(120,160,109)
#6A8D60
(106,141,96)
#5C7A53
(92,122,83)
#4E6746
(78,103,70)
#405439
(64,84,57)
#32412C
(50,65,44)
#242E1F
(36,46,31)
#161B12
(22,27,18)
#000000
(0,0,0)

Tints of #A2D994

#A2D994
(162,217,148)
#AADC9D
(170,220,157)
#B2DFA6
(178,223,166)
#BAE2AF
(186,226,175)
#C2E5B8
(194,229,184)
#CAE8C1
(202,232,193)
#D2EBCA
(210,235,202)
#DAEED3
(218,238,211)
#E2F1DC
(226,241,220)
#EAF4E5
(234,244,229)
#F2F7EE
(242,247,238)
#FFFFFF
(255,255,255)

CSS3 styles

Examples of css and html codes for elements with #A2D994 color. Also use rgb(162,217,148) instead hex code.

Text Font Color

.myTextColor { color: #A2D994; }

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

This text font color is #A2D994.

Background Color

.myBgColor { background-color: #A2D994; }

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

This div background color is #A2D994.

Border color

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

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

This div border color is #A2D994.

Opacity

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

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

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

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

This text has shadow with #A2D994 color.


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

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

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


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

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

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

Div box shadow color

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

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

This div box has shadow with color #A2D994.

Preview

Color preview on black background

This text has color #A2D994 on black background.


Color preview on white background

This text has color #A2D994 on white background.


Black color preview on #A2D994 background

This text has black color on #A2D994 background.


White color preview on #A2D994 background

This text has white color on #A2D994 background.


Related colors

Complementary color

Complementary color for #hex is #5D266B.


I love getcolorcode.com

Triadic colors

1 #94A2D9 and #D994A2 with #A2D994 are triadic colors.

2 #94D9A2 and #D9A294 with #A2D994 are triadic colors.