Color #306339

Color info

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

RGB color model

#306339 color RGB value is (48,99,57).

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

RGB:
(48,99,57)
(19%,39%,22%)

RGB channels and saturation

R 48 of 255 = 19%
G 99 of 255 = 39%
B 57 of 255 = 22%

R + G + B ~ 27%. #306339 is quite dark color.

Portions of RGB colors in percentages

R + G + B =
48 + 99 + 57 = 204 (100%)
R 48 of 204 ~ 23.53%
G 99 of 204 ~ 48.53%
B 57 of 204 ~ 27.94%

%23.53

%48.53

%27.94

CMYK color model

#306339 color CMYK value is (52,0,42,61).

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

CMYK:
(52,0,42,61)
C52M0Y42K61 
(52%,0%,42%,61%)
(0.52/0.00/0.42/0.61)

CMYK percentages

%51.52

%42.42

%61.18

Codes

Color #306339 in popluar color models

	30	63	39
RGB	48	99	57
HSL	131°	34.69%	28.82%
HSB/HSV	131°	51.52%	38.82%
CMYK	51.52%	0.00%	42.42%
CMYK	61.18%

Color #306339 in popluar number systems.

HEX	30	63	39
Decimal	48	99	57
Binary	110000	1100011	111001
Octal	60	143	71

Shades and tints

Shades of #306339

#306339
(48,99,57)

#2C5A34
(44,90,52)

#28512F
(40,81,47)

#24482A
(36,72,42)

#203F25
(32,63,37)

#1C3620
(28,54,32)

#182D1B
(24,45,27)

#142416
(20,36,22)

#101B11
(16,27,17)

#0C120C
(12,18,12)

#080907
(8,9,7)

#000000
(0,0,0)

Tints of #306339

#306339
(48,99,57)

#42714B
(66,113,75)

#547F5D
(84,127,93)

#668D6F
(102,141,111)

#789B81
(120,155,129)

#8AA993
(138,169,147)

#9CB7A5
(156,183,165)

#AEC5B7
(174,197,183)

#C0D3C9
(192,211,201)

#D2E1DB
(210,225,219)

#E4EFED
(228,239,237)

#FFFFFF
(255,255,255)

CSS3 styles

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

Text Font Color

.myTextColor { color: #306339; }

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

This text font color is #306339.

Background Color

.myBgColor { background-color: #306339; }

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

This div background color is #306339.

Border color

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

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

This div border color is #306339.

Opacity

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

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

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

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

This text has shadow with #306339 color.

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

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

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

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

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

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

Div box shadow color

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

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

This div box has shadow with color #306339.

Preview

Color preview on black background

This text has color #306339 on black background.

Color preview on white background

This text has color #306339 on white background.

Black color preview on #306339 background

This text has black color on #306339 background.

White color preview on #306339 background

This text has white color on #306339 background.