Color #4AAC63

Color info

#4AAC63 contains mainly green color. Web safe color of #4AAC63 is #339966 (or #396).

RGB color model

#4AAC63 color RGB value is (74,172,99).

red value is 74;
green value is 172;
blue value is 99.

RGB:
(74,172,99)
(29%,67%,39%)

RGB channels and saturation

R 74 of 255 = 29%
G 172 of 255 = 67%
B 99 of 255 = 39%

172

R + G + B ~ 45%. #4AAC63 is middle color (not dark and not light).

Portions of RGB colors in percentages

R + G + B =
74 + 172 + 99 = 345 (100%)
R 74 of 345 ~ 21.45%
G 172 of 345 ~ 49.86%
B 99 of 345 ~ 28.7%

%21.45

%49.86

%28.7

CMYK color model

#4AAC63 color CMYK value is (57,0,42,33).

cyan value is 56.98%
magenta value is 0.00%
yellow value is 42.44%
key color value is 32.55%

CMYK:
(57,0,42,33)
C57M0Y42K33 
(57%,0%,42%,33%)
(0.57/0.00/0.42/0.33)

CMYK percentages

%56.98

%42.44

%32.55

Codes

Color #4AAC63 in popluar color models

	4A	AC	63
RGB	74	172	99
HSL	135°	39.84%	48.24%
HSB/HSV	135°	56.98%	67.45%
CMYK	56.98%	0.00%	42.44%
CMYK	32.55%

Color #4AAC63 in popluar number systems.

HEX	4A	AC	63
Decimal	74	172	99
Binary	1001010	10101100	1100011
Octal	112	254	143

Shades and tints

Shades of #4AAC63

#4AAC63
(74,172,99)

#449D5A
(68,157,90)

#3E8E51
(62,142,81)

#387F48
(56,127,72)

#32703F
(50,112,63)

#2C6136
(44,97,54)

#26522D
(38,82,45)

#204324
(32,67,36)

#1A341B
(26,52,27)

#142512
(20,37,18)

#0E1609
(14,22,9)

#000000
(0,0,0)

Tints of #4AAC63

#4AAC63
(74,172,99)

#5AB371
(90,179,113)

#6ABA7F
(106,186,127)

#7AC18D
(122,193,141)

#8AC89B
(138,200,155)

#9ACFA9
(154,207,169)

#AAD6B7
(170,214,183)

#BADDC5
(186,221,197)

#CAE4D3
(202,228,211)

#DAEBE1
(218,235,225)

#EAF2EF
(234,242,239)

#FFFFFF
(255,255,255)

CSS3 styles

Examples of css and html codes for elements with #4AAC63 color. Also use rgb(74,172,99) instead hex code.

Text Font Color

.myTextColor { color: #4AAC63; }

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

This text font color is #4AAC63.

Background Color

.myBgColor { background-color: #4AAC63; }

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

This div background color is #4AAC63.

Border color

.myBorderColor { border: 1px solid #4AAC63; }

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

This div border color is #4AAC63.

Opacity

.myOpacity80 { color: #4AAC63; opacity: 0.8; }

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

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

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

This text has shadow with #4AAC63 color.

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

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

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

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

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

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

Div box shadow color

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

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

This div box has shadow with color #4AAC63.

Preview

Color preview on black background

This text has color #4AAC63 on black background.

Color preview on white background

This text has color #4AAC63 on white background.

Black color preview on #4AAC63 background

This text has black color on #4AAC63 background.

White color preview on #4AAC63 background

This text has white color on #4AAC63 background.