Color #57BBAF

Color info

#57BBAF contains mainly green and blue colors. Web safe color of #57BBAF is #66CC99 (or #6C9).

RGB color model

#57BBAF color RGB value is (87,187,175).

red value is 87;
green value is 187;
blue value is 175.

RGB:
(87,187,175)
(34%,73%,69%)

RGB channels and saturation

R 87 of 255 = 34%
G 187 of 255 = 73%
B 175 of 255 = 69%

187

175

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

Portions of RGB colors in percentages

R + G + B =
87 + 187 + 175 = 449 (100%)
R 87 of 449 ~ 19.38%
G 187 of 449 ~ 41.65%
B 175 of 449 ~ 38.98%

%19.38

%41.65

%38.98

CMYK color model

#57BBAF color CMYK value is (53,0,6,27).

cyan value is 53.48%
magenta value is 0.00%
yellow value is 6.42%
key color value is 26.67%

CMYK:
(53,0,6,27)
C53M0Y6K27 
(53%,0%,6%,27%)
(0.53/0.00/0.06/0.27)

CMYK percentages

%53.48

%6.42

%26.67

Codes

Color #57BBAF in popluar color models

	57	BB	AF
RGB	87	187	175
HSL	173°	42.37%	53.73%
HSB/HSV	173°	53.48%	73.33%
CMYK	53.48%	0.00%	6.42%
CMYK	26.67%

Color #57BBAF in popluar number systems.

HEX	57	BB	AF
Decimal	87	187	175
Binary	1010111	10111011	10101111
Octal	127	273	257

Shades and tints

Shades of #57BBAF

#57BBAF
(87,187,175)

#50AAA0
(80,170,160)

#499991
(73,153,145)

#428882
(66,136,130)

#3B7773
(59,119,115)

#346664
(52,102,100)

#2D5555
(45,85,85)

#264446
(38,68,70)

#1F3337
(31,51,55)

#182228
(24,34,40)

#111119
(17,17,25)

#000000
(0,0,0)

Tints of #57BBAF

#57BBAF
(87,187,175)

#66C1B6
(102,193,182)

#75C7BD
(117,199,189)

#84CDC4
(132,205,196)

#93D3CB
(147,211,203)

#A2D9D2
(162,217,210)

#B1DFD9
(177,223,217)

#C0E5E0
(192,229,224)

#CFEBE7
(207,235,231)

#DEF1EE
(222,241,238)

#EDF7F5
(237,247,245)

#FFFFFF
(255,255,255)

CSS3 styles

Examples of css and html codes for elements with #57BBAF color. Also use rgb(87,187,175) instead hex code.

Text Font Color

.myTextColor { color: #57BBAF; }

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

This text font color is #57BBAF.

Background Color

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

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

This div background color is #57BBAF.

Border color

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

<div style="border:3px solid #57BBAF">Div</div>

This div border color is #57BBAF.

Opacity

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

<p style="color:#57BBAF;opacity:0.8;">80%</p>

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

<p style="text-shadow: 3px 3px 1px #57BBAF">Text here.</p>

This text has shadow with #57BBAF color.

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

<p style="text-shadow: 3px 3px 1px #57BBAF, 5px 5px 20px red">Text here.</p>

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

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

<p style="filter: Shadow(Color=#57BBAF, Direction=45, Strength=4)">Text</p>

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

Div box shadow color

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

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

This div box has shadow with color #57BBAF.

Preview

Color preview on black background

This text has color #57BBAF on black background.

Color preview on white background

This text has color #57BBAF on white background.

Black color preview on #57BBAF background

This text has black color on #57BBAF background.

White color preview on #57BBAF background

This text has white color on #57BBAF background.