COLOR #A77AAE

HEX: #A77AAE
RGB: (167,122,174)

Color info

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

RGB color model

#A77AAE color RGB value is (167,122,174).

  • red value is 167;
  • green value is 122;
  • blue value is 174.
RGB:
(167,122,174)
(65%,48%,68%)

RGB channels and saturation

R 167 of 255 = 65%
G 122 of 255 = 48%
B 174 of 255 = 68%

167
122
174

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

Portions of RGB colors in percentages

R + G + B =
167 + 122 + 174 = 463 (100%)
R 167 of 463 ~ 36.07%
G 122 of 463 ~ 26.35%
B 174 of 463 ~ 37.58%

%36.07
%26.35
%37.58

CMYK color model

#A77AAE color CMYK value is (4,30,0,32).

  • cyan value is 4.02%
  • magenta value is 29.89%
  • yellow value is 0.00%
  • key color value is 31.76%
CMYK:
(4,30,0,32)
C4M30Y0K32 
(4%,30%,0%,32%)
(0.04/0.30/0.00/0.32)	

CMYK percentages

%4.02
%29.89
%0
%31.76

Codes

Color #A77AAE in popluar color models

A77AAE
RGB167122174
HSL292°24.30%58.04%
HSB/HSV292°29.89%68.24%
CMYK4.02%29.89%0.00%
31.76%

Color #A77AAE in popluar number systems.

HEXA77AAE
Decimal167122174
Binary10100111111101010101110
Octal247172256

Shades and tints

Shades of #A77AAE

#A77AAE
(167,122,174)
#986F9F
(152,111,159)
#896490
(137,100,144)
#7A5981
(122,89,129)
#6B4E72
(107,78,114)
#5C4363
(92,67,99)
#4D3854
(77,56,84)
#3E2D45
(62,45,69)
#2F2236
(47,34,54)
#201727
(32,23,39)
#110C18
(17,12,24)
#000000
(0,0,0)

Tints of #A77AAE

#A77AAE
(167,122,174)
#AF86B5
(175,134,181)
#B792BC
(183,146,188)
#BF9EC3
(191,158,195)
#C7AACA
(199,170,202)
#CFB6D1
(207,182,209)
#D7C2D8
(215,194,216)
#DFCEDF
(223,206,223)
#E7DAE6
(231,218,230)
#EFE6ED
(239,230,237)
#F7F2F4
(247,242,244)
#FFFFFF
(255,255,255)

CSS3 styles

Examples of css and html codes for elements with #A77AAE color. Also use rgb(167,122,174) instead hex code.

Text Font Color

.myTextColor { color: #A77AAE; }

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

This text font color is #A77AAE.


Background Color

.myBgColor { background-color: #A77AAE; }

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

This div background color is #A77AAE.


Border color

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

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

This div border color is #A77AAE.


Opacity

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

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

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

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

This text has shadow with #A77AAE color.

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

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

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


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

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

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


Div box shadow color

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

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

Preview

Color preview on black background

This text has color #A77AAE on black background.


Color preview on white background

This text has color #A77AAE on white background.



Black color preview on #A77AAE background

This text has black color on #A77AAE background.


White color preview on #A77AAE background

This text has white color on #A77AAE background.