Color #486644

Color info

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

RGB color model

#486644 color RGB value is (72,102,68).

red value is 72;
green value is 102;
blue value is 68.

RGB: (72,102,68) (28%, 40%, 27%)

RGB channels and saturation

R 72 of 255 = 28%
G 102 of 255 = 40%
B 68 of 255 = 27%

72

102

68

R + G + B ~ 32%. #486644 is quite dark color.

Portions of RGB colors in percentages

R + G + B = 72 + 102 + 68 = 242 (100%)
R 72 of 242 ~ 29.75%
G 102 of 242 ~ 42.15%
B 68 of 242 ~ 28.1'%

%29.75

%42.15

%28.1

CMYK color model

#486644 color CMYK value is (29,0,33,60).

cyan value is 29.41%
magenta value is 0.00%
yellow value is 33.33%
key color value is 60.00%

CMYK: (29,0,33,60)
C29M0Y33K60 (29%, 0%, 33%, 60%)
(0.29 / 0.00 / 0.33 / 0.60)

CMYK percentages

%29.41

%0

%33.33

%60

Codes

Color #486644 in popluar color models

	48	66	44
RGB	72	102	68
HSL	113°	20.00%	33.33%
HSB/HSV	113°	33.33%	40.00%
CMYK	29.41%	0.00%	33.33%
CMYK	60.00%

Color #486644 in popluar number systems.

HEX	48	66	44
Decimal	72	102	68
Binary	1001000	1100110	1000100
Octal	110	146	104

Shades and tints

Shades of #486644

#486644
(72,102,68)

#425D3E
(66,93,62)

#3C5438
(60,84,56)

#364B32
(54,75,50)

#30422C
(48,66,44)

#2A3926
(42,57,38)

#243020
(36,48,32)

#1E271A
(30,39,26)

#181E14
(24,30,20)

#12150E
(18,21,14)

#0C0C08
(12,12,8)

#000000
(0,0,0)

Tints of #486644

#486644
(72,102,68)

#587355
(88,115,85)

#688066
(104,128,102)

#788D77
(120,141,119)

#889A88
(136,154,136)

#98A799
(152,167,153)

#A8B4AA
(168,180,170)

#B8C1BB
(184,193,187)

#C8CECC
(200,206,204)

#D8DBDD
(216,219,221)

#E8E8EE
(232,232,238)

#FFFFFF
(255,255,255)

CSS3 styles

Examples of css and html codes for elements with #486644 color. Also use rgb(72,102,68) instead hex code.

Text Font Color

.myTextColor { color: #486644; }

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

This text font color is #486644.

Background Color

.myBgColor { background-color: #486644; }

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

This div background color is #486644.

Border color

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

This div border color is #486644.

Opacity

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

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

This text has shadow with #486644 color.

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

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

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

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

Div box shadow color

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

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

This div box has shadow with color #486644.