Color #89ABCB

Color info

#89ABCB contains mainly green and blue colors. Web safe color of #89ABCB is #9999CC (or #99C).

RGB color model

#89ABCB color RGB value is (137,171,203).

red value is 137;
green value is 171;
blue value is 203.

RGB:
(137,171,203)
(54%,67%,80%)

RGB channels and saturation

R 137 of 255 = 54%
G 171 of 255 = 67%
B 203 of 255 = 80%

137

171

203

R + G + B ~ 67%. #89ABCB is quite light color.

Portions of RGB colors in percentages

R + G + B =
137 + 171 + 203 = 511 (100%)
R 137 of 511 ~ 26.81%
G 171 of 511 ~ 33.46%
B 203 of 511 ~ 39.73%

%26.81

%33.46

%39.73

CMYK color model

#89ABCB color CMYK value is (33,16,0,20).

cyan value is 32.51%
magenta value is 15.76%
yellow value is 0.00%
key color value is 20.39%

CMYK:
(33,16,0,20)
C33M16Y0K20 
(33%,16%,0%,20%)
(0.33/0.16/0.00/0.20)

CMYK percentages

%32.51

%15.76

%20.39

Codes

Color #89ABCB in popluar color models

	89	AB	CB
RGB	137	171	203
HSL	209°	38.82%	66.67%
HSB/HSV	209°	32.51%	79.61%
CMYK	32.51%	15.76%	0.00%
CMYK	20.39%

Color #89ABCB in popluar number systems.

HEX	89	AB	CB
Decimal	137	171	203
Binary	10001001	10101011	11001011
Octal	211	253	313

Shades and tints

Shades of #89ABCB

#89ABCB
(137,171,203)

#7D9CB9
(125,156,185)

#718DA7
(113,141,167)

#657E95
(101,126,149)

#596F83
(89,111,131)

#4D6071
(77,96,113)

#41515F
(65,81,95)

#35424D
(53,66,77)

#29333B
(41,51,59)

#1D2429
(29,36,41)

#111517
(17,21,23)

#000000
(0,0,0)

Tints of #89ABCB

#89ABCB
(137,171,203)

#93B2CF
(147,178,207)

#9DB9D3
(157,185,211)

#A7C0D7
(167,192,215)

#B1C7DB
(177,199,219)

#BBCEDF
(187,206,223)

#C5D5E3
(197,213,227)

#CFDCE7
(207,220,231)

#D9E3EB
(217,227,235)

#E3EAEF
(227,234,239)

#EDF1F3
(237,241,243)

#FFFFFF
(255,255,255)

CSS3 styles

Examples of css and html codes for elements with #89ABCB color. Also use rgb(137,171,203) instead hex code.

Text Font Color

.myTextColor { color: #89ABCB; }

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

This text font color is #89ABCB.

Background Color

.myBgColor { background-color: #89ABCB; }

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

This div background color is #89ABCB.

Border color

.myBorderColor { border: 1px solid #89ABCB; }

<div style="border:3px solid #89ABCB">Div</div>

This div border color is #89ABCB.

Opacity

.myOpacity80 { color: #89ABCB; opacity: 0.8; }

<p style="color:#89ABCB;opacity:0.8;">80%</p>

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

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

This text has shadow with #89ABCB color.

.textShadow {text-shadow: 3px 3px 1px #89ABCB, 3px 3px 1px red;}

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

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

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

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

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

Div box shadow color

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

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

This div box has shadow with color #89ABCB.

Preview

Color preview on black background

This text has color #89ABCB on black background.

Color preview on white background

This text has color #89ABCB on white background.

Black color preview on #89ABCB background

This text has black color on #89ABCB background.

White color preview on #89ABCB background

This text has white color on #89ABCB background.