COLOR #396312

HEX: #396312 RGB: (57,99,18)

Color info
Codes
CSS3 styles
Preview
Shades and tints
Color combinations

Color info

#396312 contains mainly red and green colors. Web safe color of #396312 is #336600 (or #360).

RGB color model

#396312 color RGB value is (57,99,18).

red value is 57;
green value is 99;
blue value is 18.

RGB: (57,99,18) (22%, 39%, 7%)

RGB channels and saturation

R 57 of 255 = 22%
G 99 of 255 = 39%
B 18 of 255 = 7%

R + G + B ~ 23%. #396312 is dark color.

Portions of RGB colors in percentages

R + G + B = 57 + 99 + 18 = 174 (100%)
R 57 of 174 ~ 32.76%
G 99 of 174 ~ 56.9%
B 18 of 174 ~ 10.34'%

%32.76

%56.9

%10.34

CMYK color model

#396312 color CMYK value is (42,0,82,61).

cyan value is 42.42%
magenta value is 0.00%
yellow value is 81.82%
key color value is 61.18%

CMYK: (42,0,82,61) C42M0Y82K61 (42%,0%,82%,61%) (0.42/0.00/0.82/0.61)

CMYK percentages

%42.42

%81.82

%61.18

Codes

Color #396312 in popluar color models

	39	63	12
RGB	57	99	18
HSL	91°	69.23%	22.94%
HSB/HSV	91°	81.82%	38.82%
CMYK	42.42%	0.00%	81.82%
CMYK	61.18%

Color #396312 in popluar number systems.

HEX	39	63	12
Decimal	57	99	18
Binary	111001	1100011	10010
Octal	71	143	22

Shades and tints

Shades of #396312

#396312
(57,99,18)

#345A11
(52,90,17)

#2F5110
(47,81,16)

#2A480F
(42,72,15)

#253F0E
(37,63,14)

#20360D
(32,54,13)

#1B2D0C
(27,45,12)

#16240B
(22,36,11)

#111B0A
(17,27,10)

#0C1209
(12,18,9)

#070908
(7,9,8)

#000000
(0,0,0)

Tints of #396312

#396312
(57,99,18)

#4B7127
(75,113,39)

#5D7F3C
(93,127,60)

#6F8D51
(111,141,81)

#819B66
(129,155,102)

#93A97B
(147,169,123)

#A5B790
(165,183,144)

#B7C5A5
(183,197,165)

#C9D3BA
(201,211,186)

#DBE1CF
(219,225,207)

#EDEFE4
(237,239,228)

#FFFFFF
(255,255,255)

CSS3 styles

Examples of css and html codes for elements with #396312 color. Also use rgb(57,99,18) instead hex code.

Text Font Color

.myTextColor { color: #396312; }

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

This text font color is #396312.

Background Color

.myBgColor { background-color: #396312; }

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

This div background color is #396312.

Border color

.myBorderColor { border: 1px solid #396312; }

This div border color is #396312.

Opacity

.myOpacity80 { color: #396312; opacity: 0.8; }

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

This text has shadow with #396312 color.

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

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

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

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

Div box shadow color

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

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

This div box has shadow with color #396312.