COLOR #85A57A

HEX: #85A57A RGB: (133,165,122)

Color info
Codes
CSS3 styles
Preview
Shades and tints
Color combinations

Color info

#85A57A contains red, green and blue colors in about the same proportion. Web safe color of #85A57A is #999966 (or #996).

RGB color model

#85A57A color RGB value is (133,165,122).

red value is 133;
green value is 165;
blue value is 122.

RGB: (133,165,122) (52%, 65%, 48%)

RGB channels and saturation

R 133 of 255 = 52%
G 165 of 255 = 65%
B 122 of 255 = 48%

133

165

122

R + G + B ~ 55%. #85A57A is middle color (not dark and not light).

Portions of RGB colors in percentages

R + G + B = 133 + 165 + 122 = 420 (100%)
R 133 of 420 ~ 31.67%
G 165 of 420 ~ 39.29%
B 122 of 420 ~ 29.05'%

%31.67

%39.29

%29.05

CMYK color model

#85A57A color CMYK value is (19,0,26,35).

cyan value is 19.39%
magenta value is 0.00%
yellow value is 26.06%
key color value is 35.29%

CMYK: (19,0,26,35) C19M0Y26K35 (19%,0%,26%,35%) (0.19/0.00/0.26/0.35)

CMYK percentages

%19.39

%26.06

%35.29

Codes

Color #85A57A in popluar color models

	85	A5	7A
RGB	133	165	122
HSL	105°	19.28%	56.27%
HSB/HSV	105°	26.06%	64.71%
CMYK	19.39%	0.00%	26.06%
CMYK	35.29%

Color #85A57A in popluar number systems.

HEX	85	A5	7A
Decimal	133	165	122
Binary	10000101	10100101	1111010
Octal	205	245	172

Shades and tints

Shades of #85A57A

#85A57A
(133,165,122)

#79966F
(121,150,111)

#6D8764
(109,135,100)

#617859
(97,120,89)

#55694E
(85,105,78)

#495A43
(73,90,67)

#3D4B38
(61,75,56)

#313C2D
(49,60,45)

#252D22
(37,45,34)

#191E17
(25,30,23)

#0D0F0C
(13,15,12)

#000000
(0,0,0)

Tints of #85A57A

#85A57A
(133,165,122)

#90AD86
(144,173,134)

#9BB592
(155,181,146)

#A6BD9E
(166,189,158)

#B1C5AA
(177,197,170)

#BCCDB6
(188,205,182)

#C7D5C2
(199,213,194)

#D2DDCE
(210,221,206)

#DDE5DA
(221,229,218)

#E8EDE6
(232,237,230)

#F3F5F2
(243,245,242)

#FFFFFF
(255,255,255)

CSS3 styles

Examples of css and html codes for elements with #85A57A color. Also use rgb(133,165,122) instead hex code.

Text Font Color

.myTextColor { color: #85A57A; }

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

This text font color is #85A57A.

Background Color

.myBgColor { background-color: #85A57A; }

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

This div background color is #85A57A.

Border color

.myBorderColor { border: 1px solid #85A57A; }

This div border color is #85A57A.

Opacity

.myOpacity80 { color: #85A57A; opacity: 0.8; }

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

This text has shadow with #85A57A color.

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

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

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

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

Div box shadow color

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

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

This div box has shadow with color #85A57A.