Color #3E5D2A

Color info

#3E5D2A contains red, green and blue colors in about the same proportion. Web safe color of #3E5D2A is #336633 (or #363).

RGB color model

#3E5D2A color RGB value is (62,93,42).

red value is 62;
green value is 93;
blue value is 42.

RGB: (62,93,42) (24%, 36%, 16%)

RGB channels and saturation

R 62 of 255 = 24%
G 93 of 255 = 36%
B 42 of 255 = 16%

62

93

42

R + G + B ~ 25%. #3E5D2A is quite dark color.

Portions of RGB colors in percentages

R + G + B = 62 + 93 + 42 = 197 (100%)
R 62 of 197 ~ 31.47%
G 93 of 197 ~ 47.21%
B 42 of 197 ~ 21.32'%

%31.47

%47.21

%21.32

CMYK color model

#3E5D2A color CMYK value is (33,0,55,64).

cyan value is 33.33%
magenta value is 0.00%
yellow value is 54.84%
key color value is 63.53%

CMYK: (33,0,55,64)
C33M0Y55K64 (33%, 0%, 55%, 64%)
(0.33 / 0.00 / 0.55 / 0.64)

CMYK percentages

%33.33

%0

%54.84

%63.53

Codes

Color #3E5D2A in popluar color models

	3E	5D	2A
RGB	62	93	42
HSL	96°	37.78%	26.47%
HSB/HSV	96°	54.84%	36.47%
CMYK	33.33%	0.00%	54.84%
CMYK	63.53%

Color #3E5D2A in popluar number systems.

HEX	3E	5D	2A
Decimal	62	93	42
Binary	111110	1011101	101010
Octal	76	135	52

Shades and tints

Shades of #3E5D2A

#3E5D2A
(62,93,42)

#395527
(57,85,39)

#344D24
(52,77,36)

#2F4521
(47,69,33)

#2A3D1E
(42,61,30)

#25351B
(37,53,27)

#202D18
(32,45,24)

#1B2515
(27,37,21)

#161D12
(22,29,18)

#11150F
(17,21,15)

#0C0D0C
(12,13,12)

#000000
(0,0,0)

Tints of #3E5D2A

#3E5D2A
(62,93,42)

#4F6B3D
(79,107,61)

#607950
(96,121,80)

#718763
(113,135,99)

#829576
(130,149,118)

#93A389
(147,163,137)

#A4B19C
(164,177,156)

#B5BFAF
(181,191,175)

#C6CDC2
(198,205,194)

#D7DBD5
(215,219,213)

#E8E9E8
(232,233,232)

#FFFFFF
(255,255,255)

CSS3 styles

Examples of css and html codes for elements with #3E5D2A color. Also use rgb(62,93,42) instead hex code.

Text Font Color

.myTextColor { color: #3E5D2A; }

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

This text font color is #3E5D2A.

Background Color

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

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

This div background color is #3E5D2A.

Border color

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

This div border color is #3E5D2A.

Opacity

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

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

This text has shadow with #3E5D2A color.

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

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

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

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

Div box shadow color

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

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

This div box has shadow with color #3E5D2A.