Color #A7D076

Color info

#A7D076 contains mainly red and green colors. Web safe color of #A7D076 is #99CC66 (or #9C6).

RGB color model

#A7D076 color RGB value is (167,208,118).

red value is 167;
green value is 208;
blue value is 118.

RGB:
(167,208,118)
(65%,82%,46%)

RGB channels and saturation

R 167 of 255 = 65%
G 208 of 255 = 82%
B 118 of 255 = 46%

167

208

118

R + G + B ~ 64%. #A7D076 is quite light color.

Portions of RGB colors in percentages

R + G + B =
167 + 208 + 118 = 493 (100%)
R 167 of 493 ~ 33.87%
G 208 of 493 ~ 42.19%
B 118 of 493 ~ 23.94%

%33.87

%42.19

%23.94

CMYK color model

#A7D076 color CMYK value is (20,0,43,18).

cyan value is 19.71%
magenta value is 0.00%
yellow value is 43.27%
key color value is 18.43%

CMYK:
(20,0,43,18)
C20M0Y43K18 
(20%,0%,43%,18%)
(0.20/0.00/0.43/0.18)

CMYK percentages

%19.71

%43.27

%18.43

Codes

Color #A7D076 in popluar color models

	A7	D0	76
RGB	167	208	118
HSL	87°	48.91%	63.92%
HSB/HSV	87°	43.27%	81.57%
CMYK	19.71%	0.00%	43.27%
CMYK	18.43%

Color #A7D076 in popluar number systems.

HEX	A7	D0	76
Decimal	167	208	118
Binary	10100111	11010000	1110110
Octal	247	320	166

Shades and tints

Shades of #A7D076

#A7D076
(167,208,118)

#98BE6C
(152,190,108)

#89AC62
(137,172,98)

#7A9A58
(122,154,88)

#6B884E
(107,136,78)

#5C7644
(92,118,68)

#4D643A
(77,100,58)

#3E5230
(62,82,48)

#2F4026
(47,64,38)

#202E1C
(32,46,28)

#111C12
(17,28,18)

#000000
(0,0,0)

Tints of #A7D076

#A7D076
(167,208,118)

#AFD482
(175,212,130)

#B7D88E
(183,216,142)

#BFDC9A
(191,220,154)

#C7E0A6
(199,224,166)

#CFE4B2
(207,228,178)

#D7E8BE
(215,232,190)

#DFECCA
(223,236,202)

#E7F0D6
(231,240,214)

#EFF4E2
(239,244,226)

#F7F8EE
(247,248,238)

#FFFFFF
(255,255,255)

CSS3 styles

Examples of css and html codes for elements with #A7D076 color. Also use rgb(167,208,118) instead hex code.

Text Font Color

.myTextColor { color: #A7D076; }

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

This text font color is #A7D076.

Background Color

.myBgColor { background-color: #A7D076; }

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

This div background color is #A7D076.

Border color

.myBorderColor { border: 1px solid #A7D076; }

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

This div border color is #A7D076.

Opacity

.myOpacity80 { color: #A7D076; opacity: 0.8; }

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

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

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

This text has shadow with #A7D076 color.

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

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

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

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

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

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

Div box shadow color

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

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

This div box has shadow with color #A7D076.

Preview

Color preview on black background

This text has color #A7D076 on black background.

Color preview on white background

This text has color #A7D076 on white background.

Black color preview on #A7D076 background

This text has black color on #A7D076 background.

White color preview on #A7D076 background

This text has white color on #A7D076 background.