COLOR #877CAA

HEX: #877CAA RGB: (135,124,170)

Color info

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

RGB color model

#877CAA color RGB value is (135,124,170).

RGB: (135,124,170) (53%, 49%, 67%)

RGB channels and saturation

R 135 of 255 = 53%
G 124 of 255 = 49%
B 170 of 255 = 67%

135
124
170

R + G + B ~ 56%. #877CAA is middle color (not dark and not light).

Portions of RGB colors in percentages

R + G + B = 135 + 124 + 170 = 429 (100%)
R 135 of 429 ~ 31.47%
G 124 of 429 ~ 28.9%
B 170 of 429 ~ 39.63'%

%31.47
%28.9
%39.63

CMYK color model

#877CAA color CMYK value is (21,27,0,33).

  • cyan value is 20.59%
  • magenta value is 27.06%
  • yellow value is 0.00%
  • key color value is 33.33%
CMYK: (21,27,0,33) C21M27Y0K33 (21%,27%,0%,33%) (0.21/0.27/0.00/0.33) 

CMYK percentages

%20.59
%27.06
%0
%33.33

Codes

Color #877CAA in popluar color models

87 7C AA
RGB 135 124 170
HSL 254° 21.30% 57.65%
HSB/HSV 254° 27.06% 66.67%
CMYK 20.59% 27.06% 0.00%
33.33%

Color #877CAA in popluar number systems.

HEX 87 7C AA
Decimal 135 124 170
Binary 10000111 1111100 10101010
Octal 207 174 252

Shades and tints

Shades of #877CAA

#877CAA
(135,124,170)
#7B719B
(123,113,155)
#6F668C
(111,102,140)
#635B7D
(99,91,125)
#57506E
(87,80,110)
#4B455F
(75,69,95)
#3F3A50
(63,58,80)
#332F41
(51,47,65)
#272432
(39,36,50)
#1B1923
(27,25,35)
#0F0E14
(15,14,20)
#000000
(0,0,0)

Tints of #877CAA

#877CAA
(135,124,170)
#9187B1
(145,135,177)
#9B92B8
(155,146,184)
#A59DBF
(165,157,191)
#AFA8C6
(175,168,198)
#B9B3CD
(185,179,205)
#C3BED4
(195,190,212)
#CDC9DB
(205,201,219)
#D7D4E2
(215,212,226)
#E1DFE9
(225,223,233)
#EBEAF0
(235,234,240)
#FFFFFF
(255,255,255)

CSS3 styles

Examples of css and html codes for elements with #877CAA color. Also use rgb(135,124,170) instead hex code.

Text Font Color

.myTextColor { color: #877CAA; }

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

This text font color is #877CAA.

Background Color

.myBgColor { background-color: #877CAA; }

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

This div background color is #877CAA.

Border color

.myBorderColor { border: 1px solid #877CAA; }

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

This div border color is #877CAA.

Opacity

.myOpacity80 { color: #877CAA; opacity: 0.8; }

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

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

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

This text has shadow with #877CAA color.


.textShadow {text-shadow: 3px 3px 1px #877CAA', 3px 3px 1px red;}

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

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


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

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

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

Div box shadow color

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

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

This div box has shadow with color #877CAA.

Preview

Color preview on black background

This text has color #877CAA on black background.


Color preview on white background

This text has color #877CAA on white background.


Black color preview on #877CAA background

This text has black color on #877CAA background.


White color preview on #877CAA background

This text has white color on #877CAA background.


Related colors

Complementary color

Complementary color for #hex is #788355.


I love getcolorcode.com

Triadic colors

1 #AA877C and #7CAA87 with #877CAA are triadic colors.

2 #AA7C87 and #7C87AA with #877CAA are triadic colors.