COLOR #558823

HEX: #558823 RGB: (85,136,35)

Color info
Codes
CSS3 styles
Preview
Shades and tints
Color combinations

Color info

#558823 contains mainly red and green colors. Web safe color of #558823 is #669933 (or #693).

RGB color model

#558823 color RGB value is (85,136,35).

red value is 85;
green value is 136;
blue value is 35.

RGB: (85,136,35) (33%, 53%, 14%)

RGB channels and saturation

R 85 of 255 = 33%
G 136 of 255 = 53%
B 35 of 255 = 14%

136

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

Portions of RGB colors in percentages

R + G + B = 85 + 136 + 35 = 256 (100%)
R 85 of 256 ~ 33.2%
G 136 of 256 ~ 53.13%
B 35 of 256 ~ 13.67'%

%33.2

%53.13

%13.67

CMYK color model

#558823 color CMYK value is (38,0,74,47).

cyan value is 37.50%
magenta value is 0.00%
yellow value is 74.26%
key color value is 46.67%

CMYK: (38,0,74,47) C38M0Y74K47 (38%,0%,74%,47%) (0.38/0.00/0.74/0.47)

CMYK percentages

%37.5

%74.26

%46.67

Codes

Color #558823 in popluar color models

	55	88	23
RGB	85	136	35
HSL	90°	59.06%	33.53%
HSB/HSV	90°	74.26%	53.33%
CMYK	37.50%	0.00%	74.26%
CMYK	46.67%

Color #558823 in popluar number systems.

HEX	55	88	23
Decimal	85	136	35
Binary	1010101	10001000	100011
Octal	125	210	43

Shades and tints

Shades of #558823

#558823
(85,136,35)

#4E7C20
(78,124,32)

#47701D
(71,112,29)

#40641A
(64,100,26)

#395817
(57,88,23)

#324C14
(50,76,20)

#2B4011
(43,64,17)

#24340E
(36,52,14)

#1D280B
(29,40,11)

#161C08
(22,28,8)

#0F1005
(15,16,5)

#000000
(0,0,0)

Tints of #558823

#558823
(85,136,35)

#649237
(100,146,55)

#739C4B
(115,156,75)

#82A65F
(130,166,95)

#91B073
(145,176,115)

#A0BA87
(160,186,135)

#AFC49B
(175,196,155)

#BECEAF
(190,206,175)

#CDD8C3
(205,216,195)

#DCE2D7
(220,226,215)

#EBECEB
(235,236,235)

#FFFFFF
(255,255,255)

CSS3 styles

Examples of css and html codes for elements with #558823 color. Also use rgb(85,136,35) instead hex code.

Text Font Color

.myTextColor { color: #558823; }

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

This text font color is #558823.

Background Color

.myBgColor { background-color: #558823; }

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

This div background color is #558823.

Border color

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

This div border color is #558823.

Opacity

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

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

This text has shadow with #558823 color.

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

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

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

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

Div box shadow color

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

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

This div box has shadow with color #558823.