Color #785177

Color info

#785177 contains red, green and blue colors in about the same proportion. Web safe color of #785177 is #666666 (or #666).

RGB color model

#785177 color RGB value is (120,81,119).

red value is 120;
green value is 81;
blue value is 119.

RGB:
(120,81,119)
(47%,32%,47%)

RGB channels and saturation

R 120 of 255 = 47%
G 81 of 255 = 32%
B 119 of 255 = 47%

120

119

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

Portions of RGB colors in percentages

R + G + B =
120 + 81 + 119 = 320 (100%)
R 120 of 320 ~ 37.5%
G 81 of 320 ~ 25.31%
B 119 of 320 ~ 37.19%

%37.5

%25.31

%37.19

CMYK color model

#785177 color CMYK value is (0,33,1,53).

cyan value is 0.00%
magenta value is 32.50%
yellow value is 0.83%
key color value is 52.94%

CMYK:
(0,33,1,53)
C0M33Y1K53 
(0%,33%,1%,53%)
(0.00/0.33/0.01/0.53)

CMYK percentages

%32.5

%0.83

%52.94

Codes

Color #785177 in popluar color models

	78	51	77
RGB	120	81	119
HSL	302°	19.40%	39.41%
HSB/HSV	302°	32.50%	47.06%
CMYK	0.00%	32.50%	0.83%
CMYK	52.94%

Color #785177 in popluar number systems.

HEX	78	51	77
Decimal	120	81	119
Binary	1111000	1010001	1110111
Octal	170	121	167

Shades and tints

Shades of #785177

#785177
(120,81,119)

#6E4A6D
(110,74,109)

#644363
(100,67,99)

#5A3C59
(90,60,89)

#50354F
(80,53,79)

#462E45
(70,46,69)

#3C273B
(60,39,59)

#322031
(50,32,49)

#281927
(40,25,39)

#1E121D
(30,18,29)

#140B13
(20,11,19)

#000000
(0,0,0)

Tints of #785177

#785177
(120,81,119)

#846083
(132,96,131)

#906F8F
(144,111,143)

#9C7E9B
(156,126,155)

#A88DA7
(168,141,167)

#B49CB3
(180,156,179)

#C0ABBF
(192,171,191)

#CCBACB
(204,186,203)

#D8C9D7
(216,201,215)

#E4D8E3
(228,216,227)

#F0E7EF
(240,231,239)

#FFFFFF
(255,255,255)

CSS3 styles

Examples of css and html codes for elements with #785177 color. Also use rgb(120,81,119) instead hex code.

Text Font Color

.myTextColor { color: #785177; }

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

This text font color is #785177.

Background Color

.myBgColor { background-color: #785177; }

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

This div background color is #785177.

Border color

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

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

This div border color is #785177.

Opacity

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

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

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

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

This text has shadow with #785177 color.

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

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

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

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

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

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

Div box shadow color

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

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

This div box has shadow with color #785177.

Preview

Color preview on black background

This text has color #785177 on black background.

Color preview on white background

This text has color #785177 on white background.

Black color preview on #785177 background

This text has black color on #785177 background.

White color preview on #785177 background

This text has white color on #785177 background.