Color #57A99E

Color info

#57A99E contains mainly green and blue colors. Web safe color of #57A99E is #669999 (or #699).

RGB color model

#57A99E color RGB value is (87,169,158).

red value is 87;
green value is 169;
blue value is 158.

RGB: (87,169,158) (34%, 66%, 62%)

RGB channels and saturation

R 87 of 255 = 34%
G 169 of 255 = 66%
B 158 of 255 = 62%

87

169

158

R + G + B ~ 54%. #57A99E is middle color (not dark and not light).

Portions of RGB colors in percentages

R + G + B = 87 + 169 + 158 = 414 (100%)
R 87 of 414 ~ 21.01%
G 169 of 414 ~ 40.82%
B 158 of 414 ~ 38.16'%

%21.01

%40.82

%38.16

CMYK color model

#57A99E color CMYK value is (49,0,7,34).

cyan value is 48.52%
magenta value is 0.00%
yellow value is 6.51%
key color value is 33.73%

CMYK: (49,0,7,34)
C49M0Y7K34 (49%, 0%, 7%, 34%)
(0.49 / 0.00 / 0.07 / 0.34)

CMYK percentages

%48.52

%0

%6.51

%33.73

Codes

Color #57A99E in popluar color models

	57	A9	9E
RGB	87	169	158
HSL	172°	32.28%	50.20%
HSB/HSV	172°	48.52%	66.27%
CMYK	48.52%	0.00%	6.51%
CMYK	33.73%

Color #57A99E in popluar number systems.

HEX	57	A9	9E
Decimal	87	169	158
Binary	1010111	10101001	10011110
Octal	127	251	236

Shades and tints

Shades of #57A99E

#57A99E
(87,169,158)

#509A90
(80,154,144)

#498B82
(73,139,130)

#427C74
(66,124,116)

#3B6D66
(59,109,102)

#345E58
(52,94,88)

#2D4F4A
(45,79,74)

#26403C
(38,64,60)

#1F312E
(31,49,46)

#182220
(24,34,32)

#111312
(17,19,18)

#000000
(0,0,0)

Tints of #57A99E

#57A99E
(87,169,158)

#66B0A6
(102,176,166)

#75B7AE
(117,183,174)

#84BEB6
(132,190,182)

#93C5BE
(147,197,190)

#A2CCC6
(162,204,198)

#B1D3CE
(177,211,206)

#C0DAD6
(192,218,214)

#CFE1DE
(207,225,222)

#DEE8E6
(222,232,230)

#EDEFEE
(237,239,238)

#FFFFFF
(255,255,255)

CSS3 styles

Examples of css and html codes for elements with #57A99E color. Also use rgb(87,169,158) instead hex code.

Text Font Color

.myTextColor { color: #57A99E; }

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

This text font color is #57A99E.

Background Color

.myBgColor { background-color: #57A99E; }

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

This div background color is #57A99E.

Border color

.myBorderColor { border: 1px solid #57A99E; }

This div border color is #57A99E.

Opacity

.myOpacity80 { color: #57A99E; opacity: 0.8; }

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

This text has shadow with #57A99E color.

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

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

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

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

Div box shadow color

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

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

This div box has shadow with color #57A99E.