COLOR #887B9E

HEX: #887B9E
RGB: (136,123,158)

Color info

#887B9E contains red, green and blue colors in about the same proportion. Web safe color of #887B9E is #996699 (or #969).

RGB color model

#887B9E color RGB value is (136,123,158).

  • red value is 136;
  • green value is 123;
  • blue value is 158.
RGB: (136,123,158) (53%,48%,62%)

RGB channels and saturation

R 136 of 255 = 53%
G 123 of 255 = 48%
B 158 of 255 = 62%

136
123
158

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

Portions of RGB colors in percentages

R + G + B =
136 + 123 + 158 = 417 (100%)
R 136 of 417 ~ 32.61%
G 123 of 417 ~ 29.5%
B 158 of 417 ~ 37.89%

%32.61
%29.5
%37.89

CMYK color model

#887B9E color CMYK value is (14,22,0,38).

  • cyan value is 13.92%
  • magenta value is 22.15%
  • yellow value is 0.00%
  • key color value is 38.04%
CMYK: (14,22,0,38) C14M22Y0K38 (14%,22%,0%,38%) (0.14/0.22/0.00/0.38)

CMYK percentages

%13.92
%22.15
%0
%38.04

Codes

Color #887B9E in popluar color models

887B9E
RGB136123158
HSL262°15.28%55.10%
HSB/HSV262°22.15%61.96%
CMYK13.92%22.15%0.00%
38.04%

Color #887B9E in popluar number systems.

HEX887B9E
Decimal136123158
Binary10001000111101110011110
Octal210173236

Shades and tints

Shades of #887B9E

#887B9E
(136,123,158)
#7C7090
(124,112,144)
#706582
(112,101,130)
#645A74
(100,90,116)
#584F66
(88,79,102)
#4C4458
(76,68,88)
#40394A
(64,57,74)
#342E3C
(52,46,60)
#28232E
(40,35,46)
#1C1820
(28,24,32)
#100D12
(16,13,18)
#000000
(0,0,0)

Tints of #887B9E

#887B9E
(136,123,158)
#9287A6
(146,135,166)
#9C93AE
(156,147,174)
#A69FB6
(166,159,182)
#B0ABBE
(176,171,190)
#BAB7C6
(186,183,198)
#C4C3CE
(196,195,206)
#CECFD6
(206,207,214)
#D8DBDE
(216,219,222)
#E2E7E6
(226,231,230)
#ECF3EE
(236,243,238)
#FFFFFF
(255,255,255)

CSS3 styles

Examples of css and html codes for elements with #887B9E color. Also use rgb(136,123,158) instead hex code.

Text Font Color

.myTextColor { color: #887B9E; }

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

This text font color is #887B9E.


Background Color

.myBgColor { background-color: #887B9E; }

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

This div background color is #887B9E.


Border color

.myBorderColor { border: 1px solid #887B9E; }

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

This div border color is #887B9E.


Opacity

.myOpacity80 { color: #887B9E; opacity: 0.8; }

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

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

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

This text has shadow with #887B9E color.

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

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

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


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

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

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


Div box shadow color

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

Preview

Color preview on black background

This text has color #887B9E on black background.


Color preview on white background

This text has color #887B9E on white background.



Black color preview on #887B9E background

This text has black color on #887B9E background.


White color preview on #887B9E background

This text has white color on #887B9E background.