Color #304618

Color info

#304618 contains red, green and blue colors in about the same proportion. Web safe color of #304618 is #333300 (or #330).

RGB color model

#304618 color RGB value is (48,70,24).

red value is 48;
green value is 70;
blue value is 24.

RGB: (48,70,24) (19%, 27%, 9%)

RGB channels and saturation

R 48 of 255 = 19%
G 70 of 255 = 27%
B 24 of 255 = 9%

48

70

24

R + G + B ~ 18%. #304618 is dark color.

Portions of RGB colors in percentages

R + G + B = 48 + 70 + 24 = 142 (100%)
R 48 of 142 ~ 33.8%
G 70 of 142 ~ 49.3%
B 24 of 142 ~ 16.9'%

%33.8

%49.3

%16.9

CMYK color model

#304618 color CMYK value is (31,0,66,73).

cyan value is 31.43%
magenta value is 0.00%
yellow value is 65.71%
key color value is 72.55%

CMYK: (31,0,66,73)
C31M0Y66K73 (31%, 0%, 66%, 73%)
(0.31 / 0.00 / 0.66 / 0.73)

CMYK percentages

%31.43

%0

%65.71

%72.55

Codes

Color #304618 in popluar color models

	30	46	18
RGB	48	70	24
HSL	89°	48.94%	18.43%
HSB/HSV	89°	65.71%	27.45%
CMYK	31.43%	0.00%	65.71%
CMYK	72.55%

Color #304618 in popluar number systems.

HEX	30	46	18
Decimal	48	70	24
Binary	110000	1000110	11000
Octal	60	106	30

Shades and tints

Shades of #304618

#304618
(48,70,24)

#2C4016
(44,64,22)

#283A14
(40,58,20)

#243412
(36,52,18)

#202E10
(32,46,16)

#1C280E
(28,40,14)

#18220C
(24,34,12)

#141C0A
(20,28,10)

#101608
(16,22,8)

#0C1006
(12,16,6)

#080A04
(8,10,4)

#000000
(0,0,0)

Tints of #304618

#304618
(48,70,24)

#42562D
(66,86,45)

#546642
(84,102,66)

#667657
(102,118,87)

#78866C
(120,134,108)

#8A9681
(138,150,129)

#9CA696
(156,166,150)

#AEB6AB
(174,182,171)

#C0C6C0
(192,198,192)

#D2D6D5
(210,214,213)

#E4E6EA
(228,230,234)

#FFFFFF
(255,255,255)

CSS3 styles

Examples of css and html codes for elements with #304618 color. Also use rgb(48,70,24) instead hex code.

Text Font Color

.myTextColor { color: #304618; }

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

This text font color is #304618.

Background Color

.myBgColor { background-color: #304618; }

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

This div background color is #304618.

Border color

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

This div border color is #304618.

Opacity

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

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

This text has shadow with #304618 color.

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

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

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

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

Div box shadow color

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

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

This div box has shadow with color #304618.