Color #31774C

Color info

#31774C contains mainly green and blue colors. Web safe color of #31774C is #336633 (or #363).

RGB color model

#31774C color RGB value is (49,119,76).

red value is 49;
green value is 119;
blue value is 76.

RGB: (49,119,76) (19%, 47%, 30%)

RGB channels and saturation

R 49 of 255 = 19%
G 119 of 255 = 47%
B 76 of 255 = 30%

49

119

76

R + G + B ~ 32%. #31774C is quite dark color.

Portions of RGB colors in percentages

R + G + B = 49 + 119 + 76 = 244 (100%)
R 49 of 244 ~ 20.08%
G 119 of 244 ~ 48.77%
B 76 of 244 ~ 31.15'%

%20.08

%48.77

%31.15

CMYK color model

#31774C color CMYK value is (59,0,36,53).

cyan value is 58.82%
magenta value is 0.00%
yellow value is 36.13%
key color value is 53.33%

CMYK: (59,0,36,53)
C59M0Y36K53 (59%, 0%, 36%, 53%)
(0.59 / 0.00 / 0.36 / 0.53)

CMYK percentages

%58.82

%0

%36.13

%53.33

Codes

Color #31774C in popluar color models

	31	77	4C
RGB	49	119	76
HSL	143°	41.67%	32.94%
HSB/HSV	143°	58.82%	46.67%
CMYK	58.82%	0.00%	36.13%
CMYK	53.33%

Color #31774C in popluar number systems.

HEX	31	77	4C
Decimal	49	119	76
Binary	110001	1110111	1001100
Octal	61	167	114

Shades and tints

Shades of #31774C

#31774C
(49,119,76)

#2D6D46
(45,109,70)

#296340
(41,99,64)

#25593A
(37,89,58)

#214F34
(33,79,52)

#1D452E
(29,69,46)

#193B28
(25,59,40)

#153122
(21,49,34)

#11271C
(17,39,28)

#0D1D16
(13,29,22)

#091310
(9,19,16)

#000000
(0,0,0)

Tints of #31774C

#31774C
(49,119,76)

#43835C
(67,131,92)

#558F6C
(85,143,108)

#679B7C
(103,155,124)

#79A78C
(121,167,140)

#8BB39C
(139,179,156)

#9DBFAC
(157,191,172)

#AFCBBC
(175,203,188)

#C1D7CC
(193,215,204)

#D3E3DC
(211,227,220)

#E5EFEC
(229,239,236)

#FFFFFF
(255,255,255)

CSS3 styles

Examples of css and html codes for elements with #31774C color. Also use rgb(49,119,76) instead hex code.

Text Font Color

.myTextColor { color: #31774C; }

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

This text font color is #31774C.

Background Color

.myBgColor { background-color: #31774C; }

<div style="background-color:#31774C">Inner text</div>

This div background color is #31774C.

Border color

.myBorderColor { border: 1px solid #31774C; }

This div border color is #31774C.

Opacity

.myOpacity80 { color: #31774C; opacity: 0.8; }

Text with #31774C 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 #31774C;}

This text has shadow with #31774C color.

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

This text has shadow with #31774C primary color and red secondary color.

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

This text has shadow with #31774C and red colors in old Internet Explorer.

Div box shadow color

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

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

This div box has shadow with color #31774C.