COLOR #31877F

HEX: #31877F RGB: (49,135,127)

Color info
Codes
CSS3 styles
Preview
Shades and tints
Color combinations

Color info

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

RGB color model

#31877F color RGB value is (49,135,127).

red value is 49;
green value is 135;
blue value is 127.

RGB: (49,135,127) (19%, 53%, 50%)

RGB channels and saturation

R 49 of 255 = 19%
G 135 of 255 = 53%
B 127 of 255 = 50%

135

127

R + G + B ~ 41%. #31877F is middle color (not dark and not light).

Portions of RGB colors in percentages

R + G + B = 49 + 135 + 127 = 311 (100%)
R 49 of 311 ~ 15.76%
G 135 of 311 ~ 43.41%
B 127 of 311 ~ 40.84'%

%15.76

%43.41

%40.84

CMYK color model

#31877F color CMYK value is (64,0,6,47).

cyan value is 63.70%
magenta value is 0.00%
yellow value is 5.93%
key color value is 47.06%

CMYK: (64,0,6,47) C64M0Y6K47 (64%,0%,6%,47%) (0.64/0.00/0.06/0.47)

CMYK percentages

%63.7

%5.93

%47.06

Codes

Color #31877F in popluar color models

	31	87	7F
RGB	49	135	127
HSL	174°	46.74%	36.08%
HSB/HSV	174°	63.70%	52.94%
CMYK	63.70%	0.00%	5.93%
CMYK	47.06%

Color #31877F in popluar number systems.

HEX	31	87	7F
Decimal	49	135	127
Binary	110001	10000111	1111111
Octal	61	207	177

Shades and tints

Shades of #31877F

#31877F
(49,135,127)

#2D7B74
(45,123,116)

#296F69
(41,111,105)

#25635E
(37,99,94)

#215753
(33,87,83)

#1D4B48
(29,75,72)

#193F3D
(25,63,61)

#153332
(21,51,50)

#112727
(17,39,39)

#0D1B1C
(13,27,28)

#090F11
(9,15,17)

#000000
(0,0,0)

Tints of #31877F

#31877F
(49,135,127)

#43918A
(67,145,138)

#559B95
(85,155,149)

#67A5A0
(103,165,160)

#79AFAB
(121,175,171)

#8BB9B6
(139,185,182)

#9DC3C1
(157,195,193)

#AFCDCC
(175,205,204)

#C1D7D7
(193,215,215)

#D3E1E2
(211,225,226)

#E5EBED
(229,235,237)

#FFFFFF
(255,255,255)

CSS3 styles

Examples of css and html codes for elements with #31877F color. Also use rgb(49,135,127) instead hex code.

Text Font Color

.myTextColor { color: #31877F; }

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

This text font color is #31877F.

Background Color

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

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

This div background color is #31877F.

Border color

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

This div border color is #31877F.

Opacity

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

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

This text has shadow with #31877F color.

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

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

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

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

Div box shadow color

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

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

This div box has shadow with color #31877F.