Color #31A012

Color info

#31A012 contains mainly green color. Web safe color of #31A012 is #339900 (or #390).

RGB color model

#31A012 color RGB value is (49,160,18).

red value is 49;
green value is 160;
blue value is 18.

RGB:
(49,160,18)
(19%,63%,7%)

RGB channels and saturation

R 49 of 255 = 19%
G 160 of 255 = 63%
B 18 of 255 = 7%

160

R + G + B ~ 30%. #31A012 is quite dark color.

Portions of RGB colors in percentages

R + G + B =
49 + 160 + 18 = 227 (100%)
R 49 of 227 ~ 21.59%
G 160 of 227 ~ 70.48%
B 18 of 227 ~ 7.93%

%21.59

%70.48

CMYK color model

#31A012 color CMYK value is (69,0,89,37).

cyan value is 69.38%
magenta value is 0.00%
yellow value is 88.75%
key color value is 37.25%

CMYK:
(69,0,89,37)
C69M0Y89K37 
(69%,0%,89%,37%)
(0.69/0.00/0.89/0.37)

CMYK percentages

%69.38

%88.75

%37.25

Codes

Color #31A012 in popluar color models

	31	A0	12
RGB	49	160	18
HSL	107°	79.78%	34.90%
HSB/HSV	107°	88.75%	62.75%
CMYK	69.38%	0.00%	88.75%
CMYK	37.25%

Color #31A012 in popluar number systems.

HEX	31	A0	12
Decimal	49	160	18
Binary	110001	10100000	10010
Octal	61	240	22

Shades and tints

Shades of #31A012

#31A012
(49,160,18)

#2D9211
(45,146,17)

#298410
(41,132,16)

#25760F
(37,118,15)

#21680E
(33,104,14)

#1D5A0D
(29,90,13)

#194C0C
(25,76,12)

#153E0B
(21,62,11)

#11300A
(17,48,10)

#0D2209
(13,34,9)

#091408
(9,20,8)

#000000
(0,0,0)

Tints of #31A012

#31A012
(49,160,18)

#43A827
(67,168,39)

#55B03C
(85,176,60)

#67B851
(103,184,81)

#79C066
(121,192,102)

#8BC87B
(139,200,123)

#9DD090
(157,208,144)

#AFD8A5
(175,216,165)

#C1E0BA
(193,224,186)

#D3E8CF
(211,232,207)

#E5F0E4
(229,240,228)

#FFFFFF
(255,255,255)

CSS3 styles

Examples of css and html codes for elements with #31A012 color. Also use rgb(49,160,18) instead hex code.

Text Font Color

.myTextColor { color: #31A012; }

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

This text font color is #31A012.

Background Color

.myBgColor { background-color: #31A012; }

<div style="background-color:#31A012">Inner text</div>

This div background color is #31A012.

Border color

.myBorderColor { border: 1px solid #31A012; }

<div style="border:3px solid #31A012">Div</div>

This div border color is #31A012.

Opacity

.myOpacity80 { color: #31A012; opacity: 0.8; }

<p style="color:#31A012;opacity:0.8;">80%</p>

Text with #31A012 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 #31A012;}

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

This text has shadow with #31A012 color.

.textShadow {text-shadow: 3px 3px 1px #31A012, 3px 3px 1px red;}

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

This text has shadow with #31A012 primary color and red secondary color.

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

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

This text has shadow with #31A012 and red colors in old Internet Explorer.

Div box shadow color

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

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

This div box has shadow with color #31A012.

Preview

Color preview on black background

This text has color #31A012 on black background.

Color preview on white background

This text has color #31A012 on white background.

Black color preview on #31A012 background

This text has black color on #31A012 background.

White color preview on #31A012 background

This text has white color on #31A012 background.