Color #A84776

Color info

#A84776 contains mainly red and blue colors. Web safe color of #A84776 is #993366 (or #936).

RGB color model

#A84776 color RGB value is (168,71,118).

red value is 168;
green value is 71;
blue value is 118.

RGB:
(168,71,118)
(66%,28%,46%)

RGB channels and saturation

R 168 of 255 = 66%
G 71 of 255 = 28%
B 118 of 255 = 46%

168

118

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

Portions of RGB colors in percentages

R + G + B =
168 + 71 + 118 = 357 (100%)
R 168 of 357 ~ 47.06%
G 71 of 357 ~ 19.89%
B 118 of 357 ~ 33.05%

%47.06

%19.89

%33.05

CMYK color model

#A84776 color CMYK value is (0,58,30,34).

cyan value is 0.00%
magenta value is 57.74%
yellow value is 29.76%
key color value is 34.12%

CMYK:
(0,58,30,34)
C0M58Y30K34 
(0%,58%,30%,34%)
(0.00/0.58/0.30/0.34)

CMYK percentages

%57.74

%29.76

%34.12

Codes

Color #A84776 in popluar color models

	A8	47	76
RGB	168	71	118
HSL	331°	40.59%	46.86%
HSB/HSV	331°	57.74%	65.88%
CMYK	0.00%	57.74%	29.76%
CMYK	34.12%

Color #A84776 in popluar number systems.

HEX	A8	47	76
Decimal	168	71	118
Binary	10101000	1000111	1110110
Octal	250	107	166

Shades and tints

Shades of #A84776

#A84776
(168,71,118)

#99416C
(153,65,108)

#8A3B62
(138,59,98)

#7B3558
(123,53,88)

#6C2F4E
(108,47,78)

#5D2944
(93,41,68)

#4E233A
(78,35,58)

#3F1D30
(63,29,48)

#301726
(48,23,38)

#21111C
(33,17,28)

#120B12
(18,11,18)

#000000
(0,0,0)

Tints of #A84776

#A84776
(168,71,118)

#AF5782
(175,87,130)

#B6678E
(182,103,142)

#BD779A
(189,119,154)

#C487A6
(196,135,166)

#CB97B2
(203,151,178)

#D2A7BE
(210,167,190)

#D9B7CA
(217,183,202)

#E0C7D6
(224,199,214)

#E7D7E2
(231,215,226)

#EEE7EE
(238,231,238)

#FFFFFF
(255,255,255)

CSS3 styles

Examples of css and html codes for elements with #A84776 color. Also use rgb(168,71,118) instead hex code.

Text Font Color

.myTextColor { color: #A84776; }

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

This text font color is #A84776.

Background Color

.myBgColor { background-color: #A84776; }

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

This div background color is #A84776.

Border color

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

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

This div border color is #A84776.

Opacity

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

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

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

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

This text has shadow with #A84776 color.

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

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

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

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

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

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

Div box shadow color

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

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

This div box has shadow with color #A84776.

Preview

Color preview on black background

This text has color #A84776 on black background.

Color preview on white background

This text has color #A84776 on white background.

Black color preview on #A84776 background

This text has black color on #A84776 background.

White color preview on #A84776 background

This text has white color on #A84776 background.