COLOR #77BA43

HEX: #77BA43 RGB: (119,186,67)

Color info

#77BA43 contains mainly green color. Web safe color of #77BA43 is #66CC33 (or #6C3).

RGB color model

#77BA43 color RGB value is (119,186,67).

RGB: (119,186,67) (47%, 73%, 26%)

RGB channels and saturation

R 119 of 255 = 47%
G 186 of 255 = 73%
B 67 of 255 = 26%

119
186
67

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

Portions of RGB colors in percentages

R + G + B = 119 + 186 + 67 = 372 (100%)
R 119 of 372 ~ 31.99%
G 186 of 372 ~ 50%
B 67 of 372 ~ 18.01'%

%31.99
%50
%18.01

CMYK color model

#77BA43 color CMYK value is (36,0,64,27).

  • cyan value is 36.02%
  • magenta value is 0.00%
  • yellow value is 63.98%
  • key color value is 27.06%

CMYK: (36,0,64,27)
C36M0Y64K27 (36%, 0%, 64%, 27%)
(0.36 / 0.00 / 0.64 / 0.27)

CMYK percentages

%36.02
%0
%63.98
%27.06

Codes

Color #77BA43 in popluar color models

77 BA 43
RGB 119 186 67
HSL 94° 47.04% 49.61%
HSB/HSV 94° 63.98% 72.94%
CMYK 36.02% 0.00% 63.98%
27.06%

Color #77BA43 in popluar number systems.

HEX 77 BA 43
Decimal 119 186 67
Binary 1110111 10111010 1000011
Octal 167 272 103

Shades and tints

Shades of #77BA43

#77BA43
(119,186,67)
#6DAA3D
(109,170,61)
#639A37
(99,154,55)
#598A31
(89,138,49)
#4F7A2B
(79,122,43)
#456A25
(69,106,37)
#3B5A1F
(59,90,31)
#314A19
(49,74,25)
#273A13
(39,58,19)
#1D2A0D
(29,42,13)
#131A07
(19,26,7)
#000000
(0,0,0)

Tints of #77BA43

#77BA43
(119,186,67)
#83C054
(131,192,84)
#8FC665
(143,198,101)
#9BCC76
(155,204,118)
#A7D287
(167,210,135)
#B3D898
(179,216,152)
#BFDEA9
(191,222,169)
#CBE4BA
(203,228,186)
#D7EACB
(215,234,203)
#E3F0DC
(227,240,220)
#EFF6ED
(239,246,237)
#FFFFFF
(255,255,255)

CSS3 styles

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

Text Font Color

.myTextColor { color: #77BA43; }

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

This text font color is #77BA43.

Background Color

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

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

This div background color is #77BA43.

Border color

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

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

This div border color is #77BA43.

Opacity

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

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

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

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

This text has shadow with #77BA43 color.


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

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

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


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

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

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

Div box shadow color

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

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

This div box has shadow with color #77BA43.

Preview

Color preview on black background

This text has color #77BA43 on black background.


Color preview on white background

This text has color #77BA43 on white background.


Black color preview on #77BA43 background

This text has black color on #77BA43 background.


White color preview on #77BA43 background

This text has white color on #77BA43 background.


Related colors

Complementary color

Complementary color for #hex is #8845BC.


I love getcolorcode.com

Triadic colors

1 #4377BA and #BA4377 with #77BA43 are triadic colors.

2 #43BA77 and #BA7743 with #77BA43 are triadic colors.