Color #3D965D

Color info

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

RGB color model

#3D965D color RGB value is (61,150,93).

red value is 61;
green value is 150;
blue value is 93.

RGB:
(61,150,93)
(24%,59%,36%)

RGB channels and saturation

R 61 of 255 = 24%
G 150 of 255 = 59%
B 93 of 255 = 36%

150

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

Portions of RGB colors in percentages

R + G + B =
61 + 150 + 93 = 304 (100%)
R 61 of 304 ~ 20.07%
G 150 of 304 ~ 49.34%
B 93 of 304 ~ 30.59%

%20.07

%49.34

%30.59

CMYK color model

#3D965D color CMYK value is (59,0,38,41).

cyan value is 59.33%
magenta value is 0.00%
yellow value is 38.00%
key color value is 41.18%

CMYK:
(59,0,38,41)
C59M0Y38K41 
(59%,0%,38%,41%)
(0.59/0.00/0.38/0.41)

CMYK percentages

%59.33

%38

%41.18

Codes

Color #3D965D in popluar color models

	3D	96	5D
RGB	61	150	93
HSL	142°	42.18%	41.37%
HSB/HSV	142°	59.33%	58.82%
CMYK	59.33%	0.00%	38.00%
CMYK	41.18%

Color #3D965D in popluar number systems.

HEX	3D	96	5D
Decimal	61	150	93
Binary	111101	10010110	1011101
Octal	75	226	135

Shades and tints

Shades of #3D965D

#3D965D
(61,150,93)

#388955
(56,137,85)

#337C4D
(51,124,77)

#2E6F45
(46,111,69)

#29623D
(41,98,61)

#245535
(36,85,53)

#1F482D
(31,72,45)

#1A3B25
(26,59,37)

#152E1D
(21,46,29)

#102115
(16,33,21)

#0B140D
(11,20,13)

#000000
(0,0,0)

Tints of #3D965D

#3D965D
(61,150,93)

#4E9F6B
(78,159,107)

#5FA879
(95,168,121)

#70B187
(112,177,135)

#81BA95
(129,186,149)

#92C3A3
(146,195,163)

#A3CCB1
(163,204,177)

#B4D5BF
(180,213,191)

#C5DECD
(197,222,205)

#D6E7DB
(214,231,219)

#E7F0E9
(231,240,233)

#FFFFFF
(255,255,255)

CSS3 styles

Examples of css and html codes for elements with #3D965D color. Also use rgb(61,150,93) instead hex code.

Text Font Color

.myTextColor { color: #3D965D; }

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

This text font color is #3D965D.

Background Color

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

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

This div background color is #3D965D.

Border color

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

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

This div border color is #3D965D.

Opacity

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

<p style="color:#3D965D;opacity:0.8;">80%</p>

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

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

This text has shadow with #3D965D color.

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

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

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

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

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

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

Div box shadow color

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

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

This div box has shadow with color #3D965D.

Preview

Color preview on black background

This text has color #3D965D on black background.

Color preview on white background

This text has color #3D965D on white background.

Black color preview on #3D965D background

This text has black color on #3D965D background.

White color preview on #3D965D background

This text has white color on #3D965D background.