Color #2AA554

Color info

#2AA554 contains mainly green color. Web safe color of #2AA554 is #339966 (or #396).

RGB color model

#2AA554 color RGB value is (42,165,84).

red value is 42;
green value is 165;
blue value is 84.

RGB: (42,165,84) (16%, 65%, 33%)

RGB channels and saturation

R 42 of 255 = 16%
G 165 of 255 = 65%
B 84 of 255 = 33%

42

165

84

R + G + B ~ 38%. #2AA554 is quite dark color.

Portions of RGB colors in percentages

R + G + B = 42 + 165 + 84 = 291 (100%)
R 42 of 291 ~ 14.43%
G 165 of 291 ~ 56.7%
B 84 of 291 ~ 28.87'%

%14.43

%56.7

%28.87

CMYK color model

#2AA554 color CMYK value is (75,0,49,35).

cyan value is 74.55%
magenta value is 0.00%
yellow value is 49.09%
key color value is 35.29%

CMYK: (75,0,49,35)
C75M0Y49K35 (75%, 0%, 49%, 35%)
(0.75 / 0.00 / 0.49 / 0.35)

CMYK percentages

%74.55

%0

%49.09

%35.29

Codes

Color #2AA554 in popluar color models

	2A	A5	54
RGB	42	165	84
HSL	140°	59.42%	40.59%
HSB/HSV	140°	74.55%	64.71%
CMYK	74.55%	0.00%	49.09%
CMYK	35.29%

Color #2AA554 in popluar number systems.

HEX	2A	A5	54
Decimal	42	165	84
Binary	101010	10100101	1010100
Octal	52	245	124

Shades and tints

Shades of #2AA554

#2AA554
(42,165,84)

#27964D
(39,150,77)

#248746
(36,135,70)

#21783F
(33,120,63)

#1E6938
(30,105,56)

#1B5A31
(27,90,49)

#184B2A
(24,75,42)

#153C23
(21,60,35)

#122D1C
(18,45,28)

#0F1E15
(15,30,21)

#0C0F0E
(12,15,14)

#000000
(0,0,0)

Tints of #2AA554

#2AA554
(42,165,84)

#3DAD63
(61,173,99)

#50B572
(80,181,114)

#63BD81
(99,189,129)

#76C590
(118,197,144)

#89CD9F
(137,205,159)

#9CD5AE
(156,213,174)

#AFDDBD
(175,221,189)

#C2E5CC
(194,229,204)

#D5EDDB
(213,237,219)

#E8F5EA
(232,245,234)

#FFFFFF
(255,255,255)

CSS3 styles

Examples of css and html codes for elements with #2AA554 color. Also use rgb(42,165,84) instead hex code.

Text Font Color

.myTextColor { color: #2AA554; }

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

This text font color is #2AA554.

Background Color

.myBgColor { background-color: #2AA554; }

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

This div background color is #2AA554.

Border color

.myBorderColor { border: 1px solid #2AA554; }

This div border color is #2AA554.

Opacity

.myOpacity80 { color: #2AA554; opacity: 0.8; }

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

This text has shadow with #2AA554 color.

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

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

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

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

Div box shadow color

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

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

This div box has shadow with color #2AA554.