Color #888CA0

Color info

#888CA0 contains red, green and blue colors in about the same proportion. Web safe color of #888CA0 is #999999 (or #999).

RGB color model

#888CA0 color RGB value is (136,140,160).

red value is 136;
green value is 140;
blue value is 160.

RGB:
(136,140,160)
(53%,55%,63%)

RGB channels and saturation

R 136 of 255 = 53%
G 140 of 255 = 55%
B 160 of 255 = 63%

136

140

160

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

Portions of RGB colors in percentages

R + G + B =
136 + 140 + 160 = 436 (100%)
R 136 of 436 ~ 31.19%
G 140 of 436 ~ 32.11%
B 160 of 436 ~ 36.7%

%31.19

%32.11

%36.7

CMYK color model

#888CA0 color CMYK value is (15,13,0,37).

cyan value is 15.00%
magenta value is 12.50%
yellow value is 0.00%
key color value is 37.25%

CMYK:
(15,13,0,37)
C15M13Y0K37 
(15%,13%,0%,37%)
(0.15/0.13/0.00/0.37)

CMYK percentages

%15

%12.5

%37.25

Codes

Color #888CA0 in popluar color models

	88	8C	A0
RGB	136	140	160
HSL	230°	11.21%	58.04%
HSB/HSV	230°	15.00%	62.75%
CMYK	15.00%	12.50%	0.00%
CMYK	37.25%

Color #888CA0 in popluar number systems.

HEX	88	8C	A0
Decimal	136	140	160
Binary	10001000	10001100	10100000
Octal	210	214	240

Shades and tints

Shades of #888CA0

#888CA0
(136,140,160)

#7C8092
(124,128,146)

#707484
(112,116,132)

#646876
(100,104,118)

#585C68
(88,92,104)

#4C505A
(76,80,90)

#40444C
(64,68,76)

#34383E
(52,56,62)

#282C30
(40,44,48)

#1C2022
(28,32,34)

#101414
(16,20,20)

#000000
(0,0,0)

Tints of #888CA0

#888CA0
(136,140,160)

#9296A8
(146,150,168)

#9CA0B0
(156,160,176)

#A6AAB8
(166,170,184)

#B0B4C0
(176,180,192)

#BABEC8
(186,190,200)

#C4C8D0
(196,200,208)

#CED2D8
(206,210,216)

#D8DCE0
(216,220,224)

#E2E6E8
(226,230,232)

#ECF0F0
(236,240,240)

#FFFFFF
(255,255,255)

CSS3 styles

Examples of css and html codes for elements with #888CA0 color. Also use rgb(136,140,160) instead hex code.

Text Font Color

.myTextColor { color: #888CA0; }

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

This text font color is #888CA0.

Background Color

.myBgColor { background-color: #888CA0; }

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

This div background color is #888CA0.

Border color

.myBorderColor { border: 1px solid #888CA0; }

<div style="border:3px solid #888CA0">Div</div>

This div border color is #888CA0.

Opacity

.myOpacity80 { color: #888CA0; opacity: 0.8; }

<p style="color:#888CA0;opacity:0.8;">80%</p>

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

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

This text has shadow with #888CA0 color.

.textShadow {text-shadow: 3px 3px 1px #888CA0, 3px 3px 1px red;}

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

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

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

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

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

Div box shadow color

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

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

This div box has shadow with color #888CA0.

Preview

Color preview on black background

This text has color #888CA0 on black background.

Color preview on white background

This text has color #888CA0 on white background.

Black color preview on #888CA0 background

This text has black color on #888CA0 background.

White color preview on #888CA0 background

This text has white color on #888CA0 background.