Color #676E4D

Color info

#676E4D contains red, green and blue colors in about the same proportion. Web safe color of #676E4D is #666633 (or #663).

RGB color model

#676E4D color RGB value is (103,110,77).

red value is 103;
green value is 110;
blue value is 77.

RGB: (103,110,77) (40%, 43%, 30%)

RGB channels and saturation

R 103 of 255 = 40%
G 110 of 255 = 43%
B 77 of 255 = 30%

103

110

77

R + G + B ~ 38%. #676E4D is quite dark color.

Portions of RGB colors in percentages

R + G + B = 103 + 110 + 77 = 290 (100%)
R 103 of 290 ~ 35.52%
G 110 of 290 ~ 37.93%
B 77 of 290 ~ 26.55'%

%35.52

%37.93

%26.55

CMYK color model

#676E4D color CMYK value is (6,0,30,57).

cyan value is 6.36%
magenta value is 0.00%
yellow value is 30.00%
key color value is 56.86%

CMYK: (6,0,30,57)
C6M0Y30K57 (6%, 0%, 30%, 57%)
(0.06 / 0.00 / 0.30 / 0.57)

CMYK percentages

%6.36

%0

%30

%56.86

Codes

Color #676E4D in popluar color models

	67	6E	4D
RGB	103	110	77
HSL	73°	17.65%	36.67%
HSB/HSV	73°	30.00%	43.14%
CMYK	6.36%	0.00%	30.00%
CMYK	56.86%

Color #676E4D in popluar number systems.

HEX	67	6E	4D
Decimal	103	110	77
Binary	1100111	1101110	1001101
Octal	147	156	115

Shades and tints

Shades of #676E4D

#676E4D
(103,110,77)

#5E6446
(94,100,70)

#555A3F
(85,90,63)

#4C5038
(76,80,56)

#434631
(67,70,49)

#3A3C2A
(58,60,42)

#313223
(49,50,35)

#28281C
(40,40,28)

#1F1E15
(31,30,21)

#16140E
(22,20,14)

#0D0A07
(13,10,7)

#000000
(0,0,0)

Tints of #676E4D

#676E4D
(103,110,77)

#747B5D
(116,123,93)

#81886D
(129,136,109)

#8E957D
(142,149,125)

#9BA28D
(155,162,141)

#A8AF9D
(168,175,157)

#B5BCAD
(181,188,173)

#C2C9BD
(194,201,189)

#CFD6CD
(207,214,205)

#DCE3DD
(220,227,221)

#E9F0ED
(233,240,237)

#FFFFFF
(255,255,255)

CSS3 styles

Examples of css and html codes for elements with #676E4D color. Also use rgb(103,110,77) instead hex code.

Text Font Color

.myTextColor { color: #676E4D; }

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

This text font color is #676E4D.

Background Color

.myBgColor { background-color: #676E4D; }

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

This div background color is #676E4D.

Border color

.myBorderColor { border: 1px solid #676E4D; }

This div border color is #676E4D.

Opacity

.myOpacity80 { color: #676E4D; opacity: 0.8; }

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

This text has shadow with #676E4D color.

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

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

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

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

Div box shadow color

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

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

This div box has shadow with color #676E4D.