Color #34774F

Color info

#34774F contains mainly green and blue colors. Web safe color of #34774F is #336666 (or #366).

RGB color model

#34774F color RGB value is (52,119,79).

red value is 52;
green value is 119;
blue value is 79.

RGB:
(52,119,79)
(20%,47%,31%)

RGB channels and saturation

R 52 of 255 = 20%
G 119 of 255 = 47%
B 79 of 255 = 31%

119

R + G + B ~ 33%. #34774F is quite dark color.

Portions of RGB colors in percentages

R + G + B =
52 + 119 + 79 = 250 (100%)
R 52 of 250 ~ 20.8%
G 119 of 250 ~ 47.6%
B 79 of 250 ~ 31.6%

%20.8

%47.6

%31.6

CMYK color model

#34774F color CMYK value is (56,0,34,53).

cyan value is 56.30%
magenta value is 0.00%
yellow value is 33.61%
key color value is 53.33%

CMYK:
(56,0,34,53)
C56M0Y34K53 
(56%,0%,34%,53%)
(0.56/0.00/0.34/0.53)

CMYK percentages

%56.3

%33.61

%53.33

Codes

Color #34774F in popluar color models

	34	77	4F
RGB	52	119	79
HSL	144°	39.18%	33.53%
HSB/HSV	144°	56.30%	46.67%
CMYK	56.30%	0.00%	33.61%
CMYK	53.33%

Color #34774F in popluar number systems.

HEX	34	77	4F
Decimal	52	119	79
Binary	110100	1110111	1001111
Octal	64	167	117

Shades and tints

Shades of #34774F

#34774F
(52,119,79)

#306D48
(48,109,72)

#2C6341
(44,99,65)

#28593A
(40,89,58)

#244F33
(36,79,51)

#20452C
(32,69,44)

#1C3B25
(28,59,37)

#18311E
(24,49,30)

#142717
(20,39,23)

#101D10
(16,29,16)

#0C1309
(12,19,9)

#000000
(0,0,0)

Tints of #34774F

#34774F
(52,119,79)

#46835F
(70,131,95)

#588F6F
(88,143,111)

#6A9B7F
(106,155,127)

#7CA78F
(124,167,143)

#8EB39F
(142,179,159)

#A0BFAF
(160,191,175)

#B2CBBF
(178,203,191)

#C4D7CF
(196,215,207)

#D6E3DF
(214,227,223)

#E8EFEF
(232,239,239)

#FFFFFF
(255,255,255)

CSS3 styles

Examples of css and html codes for elements with #34774F color. Also use rgb(52,119,79) instead hex code.

Text Font Color

.myTextColor { color: #34774F; }

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

This text font color is #34774F.

Background Color

.myBgColor { background-color: #34774F; }

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

This div background color is #34774F.

Border color

.myBorderColor { border: 1px solid #34774F; }

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

This div border color is #34774F.

Opacity

.myOpacity80 { color: #34774F; opacity: 0.8; }

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

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

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

This text has shadow with #34774F color.

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

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

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

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

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

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

Div box shadow color

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

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

This div box has shadow with color #34774F.

Preview

Color preview on black background

This text has color #34774F on black background.

Color preview on white background

This text has color #34774F on white background.

Black color preview on #34774F background

This text has black color on #34774F background.

White color preview on #34774F background

This text has white color on #34774F background.