Color #3C6222

Color info

#3C6222 contains mainly red and green colors. Web safe color of #3C6222 is #336633 (or #363).

RGB color model

#3C6222 color RGB value is (60,98,34).

red value is 60;
green value is 98;
blue value is 34.

RGB: (60,98,34) (24%, 38%, 13%)

RGB channels and saturation

R 60 of 255 = 24%
G 98 of 255 = 38%
B 34 of 255 = 13%

60

98

34

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

Portions of RGB colors in percentages

R + G + B = 60 + 98 + 34 = 192 (100%)
R 60 of 192 ~ 31.25%
G 98 of 192 ~ 51.04%
B 34 of 192 ~ 17.71'%

%31.25

%51.04

%17.71

CMYK color model

#3C6222 color CMYK value is (39,0,65,62).

cyan value is 38.78%
magenta value is 0.00%
yellow value is 65.31%
key color value is 61.57%

CMYK: (39,0,65,62)
C39M0Y65K62 (39%, 0%, 65%, 62%)
(0.39 / 0.00 / 0.65 / 0.62)

CMYK percentages

%38.78

%0

%65.31

%61.57

Codes

Color #3C6222 in popluar color models

	3C	62	22
RGB	60	98	34
HSL	96°	48.48%	25.88%
HSB/HSV	96°	65.31%	38.43%
CMYK	38.78%	0.00%	65.31%
CMYK	61.57%

Color #3C6222 in popluar number systems.

HEX	3C	62	22
Decimal	60	98	34
Binary	111100	1100010	100010
Octal	74	142	42

Shades and tints

Shades of #3C6222

#3C6222
(60,98,34)

#375A1F
(55,90,31)

#32521C
(50,82,28)

#2D4A19
(45,74,25)

#284216
(40,66,22)

#233A13
(35,58,19)

#1E3210
(30,50,16)

#192A0D
(25,42,13)

#14220A
(20,34,10)

#0F1A07
(15,26,7)

#0A1204
(10,18,4)

#000000
(0,0,0)

Tints of #3C6222

#3C6222
(60,98,34)

#4D7036
(77,112,54)

#5E7E4A
(94,126,74)

#6F8C5E
(111,140,94)

#809A72
(128,154,114)

#91A886
(145,168,134)

#A2B69A
(162,182,154)

#B3C4AE
(179,196,174)

#C4D2C2
(196,210,194)

#D5E0D6
(213,224,214)

#E6EEEA
(230,238,234)

#FFFFFF
(255,255,255)

CSS3 styles

Examples of css and html codes for elements with #3C6222 color. Also use rgb(60,98,34) instead hex code.

Text Font Color

.myTextColor { color: #3C6222; }

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

This text font color is #3C6222.

Background Color

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

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

This div background color is #3C6222.

Border color

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

This div border color is #3C6222.

Opacity

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

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

This text has shadow with #3C6222 color.

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

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

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

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

Div box shadow color

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

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

This div box has shadow with color #3C6222.