Color #7AB340

Color info

#7AB340 contains mainly red and green colors. Web safe color of #7AB340 is #669933 (or #693).

RGB color model

#7AB340 color RGB value is (122,179,64).

red value is 122;
green value is 179;
blue value is 64.

RGB:
(122,179,64)
(48%,70%,25%)

RGB channels and saturation

R 122 of 255 = 48%
G 179 of 255 = 70%
B 64 of 255 = 25%

122

179

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

Portions of RGB colors in percentages

R + G + B =
122 + 179 + 64 = 365 (100%)
R 122 of 365 ~ 33.42%
G 179 of 365 ~ 49.04%
B 64 of 365 ~ 17.53%

%33.42

%49.04

%17.53

CMYK color model

#7AB340 color CMYK value is (32,0,64,30).

cyan value is 31.84%
magenta value is 0.00%
yellow value is 64.25%
key color value is 29.80%

CMYK:
(32,0,64,30)
C32M0Y64K30 
(32%,0%,64%,30%)
(0.32/0.00/0.64/0.30)

CMYK percentages

%31.84

%64.25

%29.8

Codes

Color #7AB340 in popluar color models

	7A	B3	40
RGB	122	179	64
HSL	90°	47.33%	47.65%
HSB/HSV	90°	64.25%	70.20%
CMYK	31.84%	0.00%	64.25%
CMYK	29.80%

Color #7AB340 in popluar number systems.

HEX	7A	B3	40
Decimal	122	179	64
Binary	1111010	10110011	1000000
Octal	172	263	100

Shades and tints

Shades of #7AB340

#7AB340
(122,179,64)

#6FA33B
(111,163,59)

#649336
(100,147,54)

#598331
(89,131,49)

#4E732C
(78,115,44)

#436327
(67,99,39)

#385322
(56,83,34)

#2D431D
(45,67,29)

#223318
(34,51,24)

#172313
(23,35,19)

#0C130E
(12,19,14)

#000000
(0,0,0)

Tints of #7AB340

#7AB340
(122,179,64)

#86B951
(134,185,81)

#92BF62
(146,191,98)

#9EC573
(158,197,115)

#AACB84
(170,203,132)

#B6D195
(182,209,149)

#C2D7A6
(194,215,166)

#CEDDB7
(206,221,183)

#DAE3C8
(218,227,200)

#E6E9D9
(230,233,217)

#F2EFEA
(242,239,234)

#FFFFFF
(255,255,255)

CSS3 styles

Examples of css and html codes for elements with #7AB340 color. Also use rgb(122,179,64) instead hex code.

Text Font Color

.myTextColor { color: #7AB340; }

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

This text font color is #7AB340.

Background Color

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

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

This div background color is #7AB340.

Border color

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

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

This div border color is #7AB340.

Opacity

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

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

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

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

This text has shadow with #7AB340 color.

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

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

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

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

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

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

Div box shadow color

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

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

This div box has shadow with color #7AB340.

Preview

Color preview on black background

This text has color #7AB340 on black background.

Color preview on white background

This text has color #7AB340 on white background.

Black color preview on #7AB340 background

This text has black color on #7AB340 background.

White color preview on #7AB340 background

This text has white color on #7AB340 background.