Color #AAAAE1

Color info

#AAAAE1 contains red, green and blue colors in about the same proportion. Web safe color of #AAAAE1 is #9999CC (or #99C).

RGB color model

#AAAAE1 color RGB value is (170,170,225).

red value is 170;
green value is 170;
blue value is 225.

RGB:
(170,170,225)
(67%,67%,88%)

RGB channels and saturation

R 170 of 255 = 67%
G 170 of 255 = 67%
B 225 of 255 = 88%

170

225

R + G + B ~ 74%. #AAAAE1 is quite light color.

Portions of RGB colors in percentages

R + G + B =
170 + 170 + 225 = 565 (100%)
R 170 of 565 ~ 30.09%
G 170 of 565 ~ 30.09%
B 225 of 565 ~ 39.82%

%30.09

%39.82

CMYK color model

#AAAAE1 color CMYK value is (24,24,0,12).

cyan value is 24.44%
magenta value is 24.44%
yellow value is 0.00%
key color value is 11.76%

CMYK:
(24,24,0,12)
C24M24Y0K12 
(24%,24%,0%,12%)
(0.24/0.24/0.00/0.12)

CMYK percentages

%24.44

%11.76

Codes

Color #AAAAE1 in popluar color models

	AA	AA	E1
RGB	170	170	225
HSL	240°	47.83%	77.45%
HSB/HSV	240°	24.44%	88.24%
CMYK	24.44%	24.44%	0.00%
CMYK	11.76%

Color #AAAAE1 in popluar number systems.

HEX	AA	AA	E1
Decimal	170	170	225
Binary	10101010	10101010	11100001
Octal	252	252	341

Shades and tints

Shades of #AAAAE1

#AAAAE1
(170,170,225)

#9B9BCD
(155,155,205)

#8C8CB9
(140,140,185)

#7D7DA5
(125,125,165)

#6E6E91
(110,110,145)

#5F5F7D
(95,95,125)

#505069
(80,80,105)

#414155
(65,65,85)

#323241
(50,50,65)

#23232D
(35,35,45)

#141419
(20,20,25)

#000000
(0,0,0)

Tints of #AAAAE1

#AAAAE1
(170,170,225)

#B1B1E3
(177,177,227)

#B8B8E5
(184,184,229)

#BFBFE7
(191,191,231)

#C6C6E9
(198,198,233)

#CDCDEB
(205,205,235)

#D4D4ED
(212,212,237)

#DBDBEF
(219,219,239)

#E2E2F1
(226,226,241)

#E9E9F3
(233,233,243)

#F0F0F5
(240,240,245)

#FFFFFF
(255,255,255)

CSS3 styles

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

Text Font Color

.myTextColor { color: #AAAAE1; }

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

This text font color is #AAAAE1.

Background Color

.myBgColor { background-color: #AAAAE1; }

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

This div background color is #AAAAE1.

Border color

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

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

This div border color is #AAAAE1.

Opacity

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

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

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

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

This text has shadow with #AAAAE1 color.

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

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

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

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

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

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

Div box shadow color

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

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

This div box has shadow with color #AAAAE1.

Preview

Color preview on black background

This text has color #AAAAE1 on black background.

Color preview on white background

This text has color #AAAAE1 on white background.

Black color preview on #AAAAE1 background

This text has black color on #AAAAE1 background.

White color preview on #AAAAE1 background

This text has white color on #AAAAE1 background.