COLOR #80BF76

HEX: #80BF76 RGB: (128,191,118)

Color info
Codes
CSS3 styles
Preview
Shades and tints
Color combinations

Color info

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

RGB color model

#80BF76 color RGB value is (128,191,118).

red value is 128;
green value is 191;
blue value is 118.

RGB: (128,191,118) (50%, 75%, 46%)

RGB channels and saturation

R 128 of 255 = 50%
G 191 of 255 = 75%
B 118 of 255 = 46%

128

191

118

R + G + B ~ 57%. #80BF76 is middle color (not dark and not light).

Portions of RGB colors in percentages

R + G + B = 128 + 191 + 118 = 437 (100%)
R 128 of 437 ~ 29.29%
G 191 of 437 ~ 43.71%
B 118 of 437 ~ 27'%

%29.29

%43.71

%27

CMYK color model

#80BF76 color CMYK value is (33,0,38,25).

cyan value is 32.98%
magenta value is 0.00%
yellow value is 38.22%
key color value is 25.10%

CMYK: (33,0,38,25) C33M0Y38K25 (33%,0%,38%,25%) (0.33/0.00/0.38/0.25)

CMYK percentages

%32.98

%38.22

%25.1

Codes

Color #80BF76 in popluar color models

	80	BF	76
RGB	128	191	118
HSL	112°	36.32%	60.59%
HSB/HSV	112°	38.22%	74.90%
CMYK	32.98%	0.00%	38.22%
CMYK	25.10%

Color #80BF76 in popluar number systems.

HEX	80	BF	76
Decimal	128	191	118
Binary	10000000	10111111	1110110
Octal	200	277	166

Shades and tints

Shades of #80BF76

#80BF76
(128,191,118)

#75AE6C
(117,174,108)

#6A9D62
(106,157,98)

#5F8C58
(95,140,88)

#547B4E
(84,123,78)

#496A44
(73,106,68)

#3E593A
(62,89,58)

#334830
(51,72,48)

#283726
(40,55,38)

#1D261C
(29,38,28)

#121512
(18,21,18)

#000000
(0,0,0)

Tints of #80BF76

#80BF76
(128,191,118)

#8BC482
(139,196,130)

#96C98E
(150,201,142)

#A1CE9A
(161,206,154)

#ACD3A6
(172,211,166)

#B7D8B2
(183,216,178)

#C2DDBE
(194,221,190)

#CDE2CA
(205,226,202)

#D8E7D6
(216,231,214)

#E3ECE2
(227,236,226)

#EEF1EE
(238,241,238)

#FFFFFF
(255,255,255)

CSS3 styles

Examples of css and html codes for elements with #80BF76 color. Also use rgb(128,191,118) instead hex code.

Text Font Color

.myTextColor { color: #80BF76; }

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

This text font color is #80BF76.

Background Color

.myBgColor { background-color: #80BF76; }

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

This div background color is #80BF76.

Border color

.myBorderColor { border: 1px solid #80BF76; }

This div border color is #80BF76.

Opacity

.myOpacity80 { color: #80BF76; opacity: 0.8; }

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

This text has shadow with #80BF76 color.

.textShadow {text-shadow: 3px 3px 1px #80BF76', 3px 3px 1px red;}

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

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

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

Div box shadow color

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

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

This div box has shadow with color #80BF76.