COLOR #888486

HEX: #888486
RGB: (136,132,134)

Color info

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

RGB color model

#888486 color RGB value is (136,132,134).

  • red value is 136;
  • green value is 132;
  • blue value is 134.
RGB:
(136,132,134)
(53%,52%,53%)

RGB channels and saturation

R 136 of 255 = 53%
G 132 of 255 = 52%
B 134 of 255 = 53%

136
132
134

R + G + B ~ 53%. #888486 is middle color (not dark and not light).

Portions of RGB colors in percentages

R + G + B =
136 + 132 + 134 = 402 (100%)
R 136 of 402 ~ 33.83%
G 132 of 402 ~ 32.84%
B 134 of 402 ~ 33.33%

%33.83
%32.84
%33.33

CMYK color model

#888486 color CMYK value is (0,3,1,47).

  • cyan value is 0.00%
  • magenta value is 2.94%
  • yellow value is 1.47%
  • key color value is 46.67%
CMYK:
(0,3,1,47)
C0M3Y1K47 
(0%,3%,1%,47%)
(0.00/0.03/0.01/0.47)	

CMYK percentages

%0
%2.94
%1.47
%46.67

Codes

Color #888486 in popluar color models

888486
RGB136132134
HSL330°1.65%52.55%
HSB/HSV330°2.94%53.33%
CMYK0.00%2.94%1.47%
46.67%

Color #888486 in popluar number systems.

HEX888486
Decimal136132134
Binary100010001000010010000110
Octal210204206

Shades and tints

Shades of #888486

#888486
(136,132,134)
#7C787A
(124,120,122)
#706C6E
(112,108,110)
#646062
(100,96,98)
#585456
(88,84,86)
#4C484A
(76,72,74)
#403C3E
(64,60,62)
#343032
(52,48,50)
#282426
(40,36,38)
#1C181A
(28,24,26)
#100C0E
(16,12,14)
#000000
(0,0,0)

Tints of #888486

#888486
(136,132,134)
#928F91
(146,143,145)
#9C9A9C
(156,154,156)
#A6A5A7
(166,165,167)
#B0B0B2
(176,176,178)
#BABBBD
(186,187,189)
#C4C6C8
(196,198,200)
#CED1D3
(206,209,211)
#D8DCDE
(216,220,222)
#E2E7E9
(226,231,233)
#ECF2F4
(236,242,244)
#FFFFFF
(255,255,255)

CSS3 styles

Examples of css and html codes for elements with #888486 color. Also use rgb(136,132,134) instead hex code.

Text Font Color

.myTextColor { color: #888486; }

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

This text font color is #888486.


Background Color

.myBgColor { background-color: #888486; }

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

This div background color is #888486.


Border color

.myBorderColor { border: 1px solid #888486; }

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

This div border color is #888486.


Opacity

.myOpacity80 { color: #888486; opacity: 0.8; }

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

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

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

This text has shadow with #888486 color.

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

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

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


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

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

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


Div box shadow color

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

/* html code with inline style */
<div style="-moz-box-shadow: 1px 1px 3px 2px #888486;
-webkit-box-shadow: 1px 1px 3px 2px #888486;
box-shadow:1px 1px 3px 2px #888486;">
Div content here</div>
This div box has shadow with color #888486.

Preview

Color preview on black background

This text has color #888486 on black background.


Color preview on white background

This text has color #888486 on white background.



Black color preview on #888486 background

This text has black color on #888486 background.


White color preview on #888486 background

This text has white color on #888486 background.