COLOR #559142

HEX: #559142 RGB: (85,145,66)

Color info
Codes
CSS3 styles
Preview
Shades and tints
Color combinations

Color info

#559142 contains mainly green color. Web safe color of #559142 is #669933 (or #693).

RGB color model

#559142 color RGB value is (85,145,66).

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

RGB: (85,145,66) (33%, 57%, 26%)

RGB channels and saturation

R 85 of 255 = 33%
G 145 of 255 = 57%
B 66 of 255 = 26%

145

R + G + B ~ 39%. #559142 is quite dark color.

Portions of RGB colors in percentages

R + G + B = 85 + 145 + 66 = 296 (100%)
R 85 of 296 ~ 28.72%
G 145 of 296 ~ 48.99%
B 66 of 296 ~ 22.3'%

%28.72

%48.99

%22.3

CMYK color model

#559142 color CMYK value is (41,0,54,43).

cyan value is 41.38%
magenta value is 0.00%
yellow value is 54.48%
key color value is 43.14%

CMYK: (41,0,54,43) C41M0Y54K43 (41%,0%,54%,43%) (0.41/0.00/0.54/0.43)

CMYK percentages

%41.38

%54.48

%43.14

Codes

Color #559142 in popluar color models

	55	91	42
RGB	85	145	66
HSL	106°	37.44%	41.37%
HSB/HSV	106°	54.48%	56.86%
CMYK	41.38%	0.00%	54.48%
CMYK	43.14%

Color #559142 in popluar number systems.

HEX	55	91	42
Decimal	85	145	66
Binary	1010101	10010001	1000010
Octal	125	221	102

Shades and tints

Shades of #559142

#559142
(85,145,66)

#4E843C
(78,132,60)

#477736
(71,119,54)

#406A30
(64,106,48)

#395D2A
(57,93,42)

#325024
(50,80,36)

#2B431E
(43,67,30)

#243618
(36,54,24)

#1D2912
(29,41,18)

#161C0C
(22,28,12)

#0F0F06
(15,15,6)

#000000
(0,0,0)

Tints of #559142

#559142
(85,145,66)

#649B53
(100,155,83)

#73A564
(115,165,100)

#82AF75
(130,175,117)

#91B986
(145,185,134)

#A0C397
(160,195,151)

#AFCDA8
(175,205,168)

#BED7B9
(190,215,185)

#CDE1CA
(205,225,202)

#DCEBDB
(220,235,219)

#EBF5EC
(235,245,236)

#FFFFFF
(255,255,255)

CSS3 styles

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

Text Font Color

.myTextColor { color: #559142; }

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

This text font color is #559142.

Background Color

.myBgColor { background-color: #559142; }

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

This div background color is #559142.

Border color

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

This div border color is #559142.

Opacity

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

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

This text has shadow with #559142 color.

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

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

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

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

Div box shadow color

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

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

This div box has shadow with color #559142.