Color #AAEFF4

Color info

#AAEFF4 contains mainly green and blue colors. Web safe color of #AAEFF4 is #99FFFF (or #9FF).

RGB color model

#AAEFF4 color RGB value is (170,239,244).

red value is 170;
green value is 239;
blue value is 244.

RGB: (170,239,244) (67%, 94%, 96%)

RGB channels and saturation

R 170 of 255 = 67%
G 239 of 255 = 94%
B 244 of 255 = 96%

170

239

244

R + G + B ~ 86%. #AAEFF4 is light color.

Portions of RGB colors in percentages

R + G + B = 170 + 239 + 244 = 653 (100%)
R 170 of 653 ~ 26.03%
G 239 of 653 ~ 36.6%
B 244 of 653 ~ 37.37'%

%26.03

%36.6

%37.37

CMYK color model

#AAEFF4 color CMYK value is (30,2,0,4).

cyan value is 30.33%
magenta value is 2.05%
yellow value is 0.00%
key color value is 4.31%

CMYK: (30,2,0,4)
C30M2Y0K4 (30%, 2%, 0%, 4%)
(0.30 / 0.02 / 0.00 / 0.04)

CMYK percentages

%30.33

%2.05

%0

%4.31

Codes

Color #AAEFF4 in popluar color models

	AA	EF	F4
RGB	170	239	244
HSL	184°	77.08%	81.18%
HSB/HSV	184°	30.33%	95.69%
CMYK	30.33%	2.05%	0.00%
CMYK	4.31%

Color #AAEFF4 in popluar number systems.

HEX	AA	EF	F4
Decimal	170	239	244
Binary	10101010	11101111	11110100
Octal	252	357	364

Shades and tints

Shades of #AAEFF4

#AAEFF4
(170,239,244)

#9BDADE
(155,218,222)

#8CC5C8
(140,197,200)

#7DB0B2
(125,176,178)

#6E9B9C
(110,155,156)

#5F8686
(95,134,134)

#507170
(80,113,112)

#415C5A
(65,92,90)

#324744
(50,71,68)

#23322E
(35,50,46)

#141D18
(20,29,24)

#000000
(0,0,0)

Tints of #AAEFF4

#AAEFF4
(170,239,244)

#B1F0F5
(177,240,245)

#B8F1F6
(184,241,246)

#BFF2F7
(191,242,247)

#C6F3F8
(198,243,248)

#CDF4F9
(205,244,249)

#D4F5FA
(212,245,250)

#DBF6FB
(219,246,251)

#E2F7FC
(226,247,252)

#E9F8FD
(233,248,253)

#F0F9FE
(240,249,254)

#FFFFFF
(255,255,255)

CSS3 styles

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

Text Font Color

.myTextColor { color: #AAEFF4; }

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

This text font color is #AAEFF4.

Background Color

.myBgColor { background-color: #AAEFF4; }

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

This div background color is #AAEFF4.

Border color

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

This div border color is #AAEFF4.

Opacity

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

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

This text has shadow with #AAEFF4 color.

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

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

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

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

Div box shadow color

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

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

This div box has shadow with color #AAEFF4.