Color #3BAC77

Color info

#3BAC77 contains mainly green and blue colors. Web safe color of #3BAC77 is #339966 (or #396).

RGB color model

#3BAC77 color RGB value is (59,172,119).

red value is 59;
green value is 172;
blue value is 119.

RGB: (59,172,119) (23%, 67%, 47%)

RGB channels and saturation

R 59 of 255 = 23%
G 172 of 255 = 67%
B 119 of 255 = 47%

59

172

119

R + G + B ~ 46%. #3BAC77 is middle color (not dark and not light).

Portions of RGB colors in percentages

R + G + B = 59 + 172 + 119 = 350 (100%)
R 59 of 350 ~ 16.86%
G 172 of 350 ~ 49.14%
B 119 of 350 ~ 34'%

%16.86

%49.14

%34

CMYK color model

#3BAC77 color CMYK value is (66,0,31,33).

cyan value is 65.70%
magenta value is 0.00%
yellow value is 30.81%
key color value is 32.55%

CMYK: (66,0,31,33)
C66M0Y31K33 (66%, 0%, 31%, 33%)
(0.66 / 0.00 / 0.31 / 0.33)

CMYK percentages

%65.7

%0

%30.81

%32.55

Codes

Color #3BAC77 in popluar color models

	3B	AC	77
RGB	59	172	119
HSL	152°	48.92%	45.29%
HSB/HSV	152°	65.70%	67.45%
CMYK	65.70%	0.00%	30.81%
CMYK	32.55%

Color #3BAC77 in popluar number systems.

HEX	3B	AC	77
Decimal	59	172	119
Binary	111011	10101100	1110111
Octal	73	254	167

Shades and tints

Shades of #3BAC77

#3BAC77
(59,172,119)

#369D6D
(54,157,109)

#318E63
(49,142,99)

#2C7F59
(44,127,89)

#27704F
(39,112,79)

#226145
(34,97,69)

#1D523B
(29,82,59)

#184331
(24,67,49)

#133427
(19,52,39)

#0E251D
(14,37,29)

#091613
(9,22,19)

#000000
(0,0,0)

Tints of #3BAC77

#3BAC77
(59,172,119)

#4CB383
(76,179,131)

#5DBA8F
(93,186,143)

#6EC19B
(110,193,155)

#7FC8A7
(127,200,167)

#90CFB3
(144,207,179)

#A1D6BF
(161,214,191)

#B2DDCB
(178,221,203)

#C3E4D7
(195,228,215)

#D4EBE3
(212,235,227)

#E5F2EF
(229,242,239)

#FFFFFF
(255,255,255)

CSS3 styles

Examples of css and html codes for elements with #3BAC77 color. Also use rgb(59,172,119) instead hex code.

Text Font Color

.myTextColor { color: #3BAC77; }

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

This text font color is #3BAC77.

Background Color

.myBgColor { background-color: #3BAC77; }

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

This div background color is #3BAC77.

Border color

.myBorderColor { border: 1px solid #3BAC77; }

This div border color is #3BAC77.

Opacity

.myOpacity80 { color: #3BAC77; opacity: 0.8; }

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

This text has shadow with #3BAC77 color.

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

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

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

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

Div box shadow color

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

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

This div box has shadow with color #3BAC77.