Color #AA63CC

Color info

#AA63CC contains mainly red and blue colors. Web safe color of #AA63CC is #9966CC (or #96C).

RGB color model

#AA63CC color RGB value is (170,99,204).

red value is 170;
green value is 99;
blue value is 204.

RGB:
(170,99,204)
(67%,39%,80%)

RGB channels and saturation

R 170 of 255 = 67%
G 99 of 255 = 39%
B 204 of 255 = 80%

170

204

R + G + B ~ 62%. #AA63CC is quite light color.

Portions of RGB colors in percentages

R + G + B =
170 + 99 + 204 = 473 (100%)
R 170 of 473 ~ 35.94%
G 99 of 473 ~ 20.93%
B 204 of 473 ~ 43.13%

%35.94

%20.93

%43.13

CMYK color model

#AA63CC color CMYK value is (17,51,0,20).

cyan value is 16.67%
magenta value is 51.47%
yellow value is 0.00%
key color value is 20.00%

CMYK:
(17,51,0,20)
C17M51Y0K20 
(17%,51%,0%,20%)
(0.17/0.51/0.00/0.20)

CMYK percentages

%16.67

%51.47

%20

Codes

Color #AA63CC in popluar color models

	AA	63	CC
RGB	170	99	204
HSL	281°	50.72%	59.41%
HSB/HSV	281°	51.47%	80.00%
CMYK	16.67%	51.47%	0.00%
CMYK	20.00%

Color #AA63CC in popluar number systems.

HEX	AA	63	CC
Decimal	170	99	204
Binary	10101010	1100011	11001100
Octal	252	143	314

Shades and tints

Shades of #AA63CC

#AA63CC
(170,99,204)

#9B5ABA
(155,90,186)

#8C51A8
(140,81,168)

#7D4896
(125,72,150)

#6E3F84
(110,63,132)

#5F3672
(95,54,114)

#502D60
(80,45,96)

#41244E
(65,36,78)

#321B3C
(50,27,60)

#23122A
(35,18,42)

#140918
(20,9,24)

#000000
(0,0,0)

Tints of #AA63CC

#AA63CC
(170,99,204)

#B171D0
(177,113,208)

#B87FD4
(184,127,212)

#BF8DD8
(191,141,216)

#C69BDC
(198,155,220)

#CDA9E0
(205,169,224)

#D4B7E4
(212,183,228)

#DBC5E8
(219,197,232)

#E2D3EC
(226,211,236)

#E9E1F0
(233,225,240)

#F0EFF4
(240,239,244)

#FFFFFF
(255,255,255)

CSS3 styles

Examples of css and html codes for elements with #AA63CC color. Also use rgb(170,99,204) instead hex code.

Text Font Color

.myTextColor { color: #AA63CC; }

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

This text font color is #AA63CC.

Background Color

.myBgColor { background-color: #AA63CC; }

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

This div background color is #AA63CC.

Border color

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

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

This div border color is #AA63CC.

Opacity

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

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

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

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

This text has shadow with #AA63CC color.

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

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

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

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

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

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

Div box shadow color

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

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

This div box has shadow with color #AA63CC.

Preview

Color preview on black background

This text has color #AA63CC on black background.

Color preview on white background

This text has color #AA63CC on white background.

Black color preview on #AA63CC background

This text has black color on #AA63CC background.

White color preview on #AA63CC background

This text has white color on #AA63CC background.