COLOR #AAAEE1

HEX: #AAAEE1
RGB: (170,174,225)

Color info

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

RGB color model

#AAAEE1 color RGB value is (170,174,225).

  • red value is 170;
  • green value is 174;
  • blue value is 225.
RGB:
(170,174,225)
(67%,68%,88%)

RGB channels and saturation

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

170
174
225

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

Portions of RGB colors in percentages

R + G + B =
170 + 174 + 225 = 569 (100%)
R 170 of 569 ~ 29.88%
G 174 of 569 ~ 30.58%
B 225 of 569 ~ 39.54%

%29.88
%30.58
%39.54

CMYK color model

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

  • cyan value is 24.44%
  • magenta value is 22.67%
  • yellow value is 0.00%
  • key color value is 11.76%
CMYK:
(24,23,0,12)
C24M23Y0K12 
(24%,23%,0%,12%)
(0.24/0.23/0.00/0.12)	

CMYK percentages

%24.44
%22.67
%0
%11.76

Codes

Color #AAAEE1 in popluar color models

AAAEE1
RGB170174225
HSL236°47.83%77.45%
HSB/HSV236°24.44%88.24%
CMYK24.44%22.67%0.00%
11.76%

Color #AAAEE1 in popluar number systems.

HEXAAAEE1
Decimal170174225
Binary101010101010111011100001
Octal252256341

Shades and tints

Shades of #AAAEE1

#AAAEE1
(170,174,225)
#9B9FCD
(155,159,205)
#8C90B9
(140,144,185)
#7D81A5
(125,129,165)
#6E7291
(110,114,145)
#5F637D
(95,99,125)
#505469
(80,84,105)
#414555
(65,69,85)
#323641
(50,54,65)
#23272D
(35,39,45)
#141819
(20,24,25)
#000000
(0,0,0)

Tints of #AAAEE1

#AAAEE1
(170,174,225)
#B1B5E3
(177,181,227)
#B8BCE5
(184,188,229)
#BFC3E7
(191,195,231)
#C6CAE9
(198,202,233)
#CDD1EB
(205,209,235)
#D4D8ED
(212,216,237)
#DBDFEF
(219,223,239)
#E2E6F1
(226,230,241)
#E9EDF3
(233,237,243)
#F0F4F5
(240,244,245)
#FFFFFF
(255,255,255)

CSS3 styles

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

Text Font Color

.myTextColor { color: #AAAEE1; }

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

This text font color is #AAAEE1.


Background Color

.myBgColor { background-color: #AAAEE1; }

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

This div background color is #AAAEE1.


Border color

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

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

This div border color is #AAAEE1.


Opacity

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

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

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

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

This text has shadow with #AAAEE1 color.

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

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

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


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

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

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


Div box shadow color

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

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

Preview

Color preview on black background

This text has color #AAAEE1 on black background.


Color preview on white background

This text has color #AAAEE1 on white background.



Black color preview on #AAAEE1 background

This text has black color on #AAAEE1 background.


White color preview on #AAAEE1 background

This text has white color on #AAAEE1 background.