Color #4A8041

Color info

#4A8041 contains mainly red and green colors. Web safe color of #4A8041 is #336633 (or #363).

RGB color model

#4A8041 color RGB value is (74,128,65).

red value is 74;
green value is 128;
blue value is 65.

RGB:
(74,128,65)
(29%,50%,25%)

RGB channels and saturation

R 74 of 255 = 29%
G 128 of 255 = 50%
B 65 of 255 = 25%

128

R + G + B ~ 35%. #4A8041 is quite dark color.

Portions of RGB colors in percentages

R + G + B =
74 + 128 + 65 = 267 (100%)
R 74 of 267 ~ 27.72%
G 128 of 267 ~ 47.94%
B 65 of 267 ~ 24.34%

%27.72

%47.94

%24.34

CMYK color model

#4A8041 color CMYK value is (42,0,49,50).

cyan value is 42.19%
magenta value is 0.00%
yellow value is 49.22%
key color value is 49.80%

CMYK:
(42,0,49,50)
C42M0Y49K50 
(42%,0%,49%,50%)
(0.42/0.00/0.49/0.50)

CMYK percentages

%42.19

%49.22

%49.8

Codes

Color #4A8041 in popluar color models

	4A	80	41
RGB	74	128	65
HSL	111°	32.64%	37.84%
HSB/HSV	111°	49.22%	50.20%
CMYK	42.19%	0.00%	49.22%
CMYK	49.80%

Color #4A8041 in popluar number systems.

HEX	4A	80	41
Decimal	74	128	65
Binary	1001010	10000000	1000001
Octal	112	200	101

Shades and tints

Shades of #4A8041

#4A8041
(74,128,65)

#44753C
(68,117,60)

#3E6A37
(62,106,55)

#385F32
(56,95,50)

#32542D
(50,84,45)

#2C4928
(44,73,40)

#263E23
(38,62,35)

#20331E
(32,51,30)

#1A2819
(26,40,25)

#141D14
(20,29,20)

#0E120F
(14,18,15)

#000000
(0,0,0)

Tints of #4A8041

#4A8041
(74,128,65)

#5A8B52
(90,139,82)

#6A9663
(106,150,99)

#7AA174
(122,161,116)

#8AAC85
(138,172,133)

#9AB796
(154,183,150)

#AAC2A7
(170,194,167)

#BACDB8
(186,205,184)

#CAD8C9
(202,216,201)

#DAE3DA
(218,227,218)

#EAEEEB
(234,238,235)

#FFFFFF
(255,255,255)

CSS3 styles

Examples of css and html codes for elements with #4A8041 color. Also use rgb(74,128,65) instead hex code.

Text Font Color

.myTextColor { color: #4A8041; }

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

This text font color is #4A8041.

Background Color

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

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

This div background color is #4A8041.

Border color

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

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

This div border color is #4A8041.

Opacity

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

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

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

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

This text has shadow with #4A8041 color.

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

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

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

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

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

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

Div box shadow color

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

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

This div box has shadow with color #4A8041.

Preview

Color preview on black background

This text has color #4A8041 on black background.

Color preview on white background

This text has color #4A8041 on white background.

Black color preview on #4A8041 background

This text has black color on #4A8041 background.

White color preview on #4A8041 background

This text has white color on #4A8041 background.