COLOR #77BA7F

HEX: #77BA7F RGB: (119,186,127)

Color info
Codes
CSS3 styles
Preview
Shades and tints
Color combinations

Color info

#77BA7F contains mainly green and blue colors. Web safe color of #77BA7F is #66CC66 (or #6C6).

RGB color model

#77BA7F color RGB value is (119,186,127).

red value is 119;
green value is 186;
blue value is 127.

RGB: (119,186,127) (47%, 73%, 50%)

RGB channels and saturation

R 119 of 255 = 47%
G 186 of 255 = 73%
B 127 of 255 = 50%

119

186

127

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

Portions of RGB colors in percentages

R + G + B = 119 + 186 + 127 = 432 (100%)
R 119 of 432 ~ 27.55%
G 186 of 432 ~ 43.06%
B 127 of 432 ~ 29.4'%

%27.55

%43.06

%29.4

CMYK color model

#77BA7F color CMYK value is (36,0,32,27).

cyan value is 36.02%
magenta value is 0.00%
yellow value is 31.72%
key color value is 27.06%

CMYK: (36,0,32,27) C36M0Y32K27 (36%,0%,32%,27%) (0.36/0.00/0.32/0.27)

CMYK percentages

%36.02

%31.72

%27.06

Codes

Color #77BA7F in popluar color models

	77	BA	7F
RGB	119	186	127
HSL	127°	32.68%	59.80%
HSB/HSV	127°	36.02%	72.94%
CMYK	36.02%	0.00%	31.72%
CMYK	27.06%

Color #77BA7F in popluar number systems.

HEX	77	BA	7F
Decimal	119	186	127
Binary	1110111	10111010	1111111
Octal	167	272	177

Shades and tints

Shades of #77BA7F

#77BA7F
(119,186,127)

#6DAA74
(109,170,116)

#639A69
(99,154,105)

#598A5E
(89,138,94)

#4F7A53
(79,122,83)

#456A48
(69,106,72)

#3B5A3D
(59,90,61)

#314A32
(49,74,50)

#273A27
(39,58,39)

#1D2A1C
(29,42,28)

#131A11
(19,26,17)

#000000
(0,0,0)

Tints of #77BA7F

#77BA7F
(119,186,127)

#83C08A
(131,192,138)

#8FC695
(143,198,149)

#9BCCA0
(155,204,160)

#A7D2AB
(167,210,171)

#B3D8B6
(179,216,182)

#BFDEC1
(191,222,193)

#CBE4CC
(203,228,204)

#D7EAD7
(215,234,215)

#E3F0E2
(227,240,226)

#EFF6ED
(239,246,237)

#FFFFFF
(255,255,255)

CSS3 styles

Examples of css and html codes for elements with #77BA7F color. Also use rgb(119,186,127) instead hex code.

Text Font Color

.myTextColor { color: #77BA7F; }

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

This text font color is #77BA7F.

Background Color

.myBgColor { background-color: #77BA7F; }

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

This div background color is #77BA7F.

Border color

.myBorderColor { border: 1px solid #77BA7F; }

This div border color is #77BA7F.

Opacity

.myOpacity80 { color: #77BA7F; opacity: 0.8; }

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

This text has shadow with #77BA7F color.

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

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

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

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

Div box shadow color

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

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

This div box has shadow with color #77BA7F.