Color #556742

Color info

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

RGB color model

#556742 color RGB value is (85,103,66).

red value is 85;
green value is 103;
blue value is 66.

RGB: (85,103,66) (33%, 40%, 26%)

RGB channels and saturation

R 85 of 255 = 33%
G 103 of 255 = 40%
B 66 of 255 = 26%

85

103

66

R + G + B ~ 33%. #556742 is quite dark color.

Portions of RGB colors in percentages

R + G + B = 85 + 103 + 66 = 254 (100%)
R 85 of 254 ~ 33.46%
G 103 of 254 ~ 40.55%
B 66 of 254 ~ 25.98'%

%33.46

%40.55

%25.98

CMYK color model

#556742 color CMYK value is (17,0,36,60).

cyan value is 17.48%
magenta value is 0.00%
yellow value is 35.92%
key color value is 59.61%

CMYK: (17,0,36,60)
C17M0Y36K60 (17%, 0%, 36%, 60%)
(0.17 / 0.00 / 0.36 / 0.60)

CMYK percentages

%17.48

%0

%35.92

%59.61

Codes

Color #556742 in popluar color models

	55	67	42
RGB	85	103	66
HSL	89°	21.89%	33.14%
HSB/HSV	89°	35.92%	40.39%
CMYK	17.48%	0.00%	35.92%
CMYK	59.61%

Color #556742 in popluar number systems.

HEX	55	67	42
Decimal	85	103	66
Binary	1010101	1100111	1000010
Octal	125	147	102

Shades and tints

Shades of #556742

#556742
(85,103,66)

#4E5E3C
(78,94,60)

#475536
(71,85,54)

#404C30
(64,76,48)

#39432A
(57,67,42)

#323A24
(50,58,36)

#2B311E
(43,49,30)

#242818
(36,40,24)

#1D1F12
(29,31,18)

#16160C
(22,22,12)

#0F0D06
(15,13,6)

#000000
(0,0,0)

Tints of #556742

#556742
(85,103,66)

#647453
(100,116,83)

#738164
(115,129,100)

#828E75
(130,142,117)

#919B86
(145,155,134)

#A0A897
(160,168,151)

#AFB5A8
(175,181,168)

#BEC2B9
(190,194,185)

#CDCFCA
(205,207,202)

#DCDCDB
(220,220,219)

#EBE9EC
(235,233,236)

#FFFFFF
(255,255,255)

CSS3 styles

Examples of css and html codes for elements with #556742 color. Also use rgb(85,103,66) instead hex code.

Text Font Color

.myTextColor { color: #556742; }

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

This text font color is #556742.

Background Color

.myBgColor { background-color: #556742; }

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

This div background color is #556742.

Border color

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

This div border color is #556742.

Opacity

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

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

This text has shadow with #556742 color.

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

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

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

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

Div box shadow color

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

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

This div box has shadow with color #556742.