COLOR #3B8940

HEX: #3B8940
RGB: (59,137,64)

Color info

#3B8940 contains mainly green color. Web safe color of #3B8940 is #339933 (or #393).

RGB color model

#3B8940 color RGB value is (59,137,64).

  • red value is 59;
  • green value is 137;
  • blue value is 64.
RGB:
(59,137,64)
(23%,54%,25%)

RGB channels and saturation

R 59 of 255 = 23%
G 137 of 255 = 54%
B 64 of 255 = 25%

59
137
64

R + G + B ~ 34%. #3B8940 is quite dark color.

Portions of RGB colors in percentages

R + G + B =
59 + 137 + 64 = 260 (100%)
R 59 of 260 ~ 22.69%
G 137 of 260 ~ 52.69%
B 64 of 260 ~ 24.62%

%22.69
%52.69
%24.62

CMYK color model

#3B8940 color CMYK value is (57,0,53,46).

  • cyan value is 56.93%
  • magenta value is 0.00%
  • yellow value is 53.28%
  • key color value is 46.27%
CMYK:
(57,0,53,46)
C57M0Y53K46 
(57%,0%,53%,46%)
(0.57/0.00/0.53/0.46)	

CMYK percentages

%56.93
%0
%53.28
%46.27

Codes

Color #3B8940 in popluar color models

3B8940
RGB5913764
HSL124°39.80%38.43%
HSB/HSV124°56.93%53.73%
CMYK56.93%0.00%53.28%
46.27%

Color #3B8940 in popluar number systems.

HEX3B8940
Decimal5913764
Binary111011100010011000000
Octal73211100

Shades and tints

Shades of #3B8940

#3B8940
(59,137,64)
#367D3B
(54,125,59)
#317136
(49,113,54)
#2C6531
(44,101,49)
#27592C
(39,89,44)
#224D27
(34,77,39)
#1D4122
(29,65,34)
#18351D
(24,53,29)
#132918
(19,41,24)
#0E1D13
(14,29,19)
#09110E
(9,17,14)
#000000
(0,0,0)

Tints of #3B8940

#3B8940
(59,137,64)
#4C9351
(76,147,81)
#5D9D62
(93,157,98)
#6EA773
(110,167,115)
#7FB184
(127,177,132)
#90BB95
(144,187,149)
#A1C5A6
(161,197,166)
#B2CFB7
(178,207,183)
#C3D9C8
(195,217,200)
#D4E3D9
(212,227,217)
#E5EDEA
(229,237,234)
#FFFFFF
(255,255,255)

CSS3 styles

Examples of css and html codes for elements with #3B8940 color. Also use rgb(59,137,64) instead hex code.

Text Font Color

.myTextColor { color: #3B8940; }

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

This text font color is #3B8940.


Background Color

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

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

This div background color is #3B8940.


Border color

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

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

This div border color is #3B8940.


Opacity

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

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

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

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

This text has shadow with #3B8940 color.

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

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

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


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

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

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


Div box shadow color

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

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

Preview

Color preview on black background

This text has color #3B8940 on black background.


Color preview on white background

This text has color #3B8940 on white background.



Black color preview on #3B8940 background

This text has black color on #3B8940 background.


White color preview on #3B8940 background

This text has white color on #3B8940 background.