Color #7AD44F

Color info

#7AD44F contains mainly green color. Web safe color of #7AD44F is #66CC66 (or #6C6).

RGB color model

#7AD44F color RGB value is (122,212,79).

red value is 122;
green value is 212;
blue value is 79.

RGB:
(122,212,79)
(48%,83%,31%)

RGB channels and saturation

R 122 of 255 = 48%
G 212 of 255 = 83%
B 79 of 255 = 31%

122

212

R + G + B ~ 54%. #7AD44F is middle color (not dark and not light).

Portions of RGB colors in percentages

R + G + B =
122 + 212 + 79 = 413 (100%)
R 122 of 413 ~ 29.54%
G 212 of 413 ~ 51.33%
B 79 of 413 ~ 19.13%

%29.54

%51.33

%19.13

CMYK color model

#7AD44F color CMYK value is (42,0,63,17).

cyan value is 42.45%
magenta value is 0.00%
yellow value is 62.74%
key color value is 16.86%

CMYK:
(42,0,63,17)
C42M0Y63K17 
(42%,0%,63%,17%)
(0.42/0.00/0.63/0.17)

CMYK percentages

%42.45

%62.74

%16.86

Codes

Color #7AD44F in popluar color models

	7A	D4	4F
RGB	122	212	79
HSL	101°	60.73%	57.06%
HSB/HSV	101°	62.74%	83.14%
CMYK	42.45%	0.00%	62.74%
CMYK	16.86%

Color #7AD44F in popluar number systems.

HEX	7A	D4	4F
Decimal	122	212	79
Binary	1111010	11010100	1001111
Octal	172	324	117

Shades and tints

Shades of #7AD44F

#7AD44F
(122,212,79)

#6FC148
(111,193,72)

#64AE41
(100,174,65)

#599B3A
(89,155,58)

#4E8833
(78,136,51)

#43752C
(67,117,44)

#386225
(56,98,37)

#2D4F1E
(45,79,30)

#223C17
(34,60,23)

#172910
(23,41,16)

#0C1609
(12,22,9)

#000000
(0,0,0)

Tints of #7AD44F

#7AD44F
(122,212,79)

#86D75F
(134,215,95)

#92DA6F
(146,218,111)

#9EDD7F
(158,221,127)

#AAE08F
(170,224,143)

#B6E39F
(182,227,159)

#C2E6AF
(194,230,175)

#CEE9BF
(206,233,191)

#DAECCF
(218,236,207)

#E6EFDF
(230,239,223)

#F2F2EF
(242,242,239)

#FFFFFF
(255,255,255)

CSS3 styles

Examples of css and html codes for elements with #7AD44F color. Also use rgb(122,212,79) instead hex code.

Text Font Color

.myTextColor { color: #7AD44F; }

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

This text font color is #7AD44F.

Background Color

.myBgColor { background-color: #7AD44F; }

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

This div background color is #7AD44F.

Border color

.myBorderColor { border: 1px solid #7AD44F; }

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

This div border color is #7AD44F.

Opacity

.myOpacity80 { color: #7AD44F; opacity: 0.8; }

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

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

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

This text has shadow with #7AD44F color.

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

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

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

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

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

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

Div box shadow color

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

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

This div box has shadow with color #7AD44F.

Preview

Color preview on black background

This text has color #7AD44F on black background.

Color preview on white background

This text has color #7AD44F on white background.

Black color preview on #7AD44F background

This text has black color on #7AD44F background.

White color preview on #7AD44F background

This text has white color on #7AD44F background.