COLOR #AAF2C9

HEX: #AAF2C9 RGB: (170,242,201)

Color info

#AAF2C9 contains mainly green and blue colors. Web safe color of #AAF2C9 is #99FFCC (or #9FC).

RGB color model

#AAF2C9 color RGB value is (170,242,201).

RGB: (170,242,201) (67%, 95%, 79%)

RGB channels and saturation

R 170 of 255 = 67%
G 242 of 255 = 95%
B 201 of 255 = 79%

170
242
201

R + G + B ~ 80%. #AAF2C9 is quite light color.

Portions of RGB colors in percentages

R + G + B = 170 + 242 + 201 = 613 (100%)
R 170 of 613 ~ 27.73%
G 242 of 613 ~ 39.48%
B 201 of 613 ~ 32.79'%

%27.73
%39.48
%32.79

CMYK color model

#AAF2C9 color CMYK value is (30,0,17,5).

  • cyan value is 29.75%
  • magenta value is 0.00%
  • yellow value is 16.94%
  • key color value is 5.10%

CMYK: (30,0,17,5)
C30M0Y17K5 (30%, 0%, 17%, 5%)
(0.30 / 0.00 / 0.17 / 0.05)

CMYK percentages

%29.75
%0
%16.94
%5.1

Codes

Color #AAF2C9 in popluar color models

AA F2 C9
RGB 170 242 201
HSL 146° 73.47% 80.78%
HSB/HSV 146° 29.75% 94.90%
CMYK 29.75% 0.00% 16.94%
5.10%

Color #AAF2C9 in popluar number systems.

HEX AA F2 C9
Decimal 170 242 201
Binary 10101010 11110010 11001001
Octal 252 362 311

Shades and tints

Shades of #AAF2C9

#AAF2C9
(170,242,201)
#9BDCB7
(155,220,183)
#8CC6A5
(140,198,165)
#7DB093
(125,176,147)
#6E9A81
(110,154,129)
#5F846F
(95,132,111)
#506E5D
(80,110,93)
#41584B
(65,88,75)
#324239
(50,66,57)
#232C27
(35,44,39)
#141615
(20,22,21)
#000000
(0,0,0)

Tints of #AAF2C9

#AAF2C9
(170,242,201)
#B1F3CD
(177,243,205)
#B8F4D1
(184,244,209)
#BFF5D5
(191,245,213)
#C6F6D9
(198,246,217)
#CDF7DD
(205,247,221)
#D4F8E1
(212,248,225)
#DBF9E5
(219,249,229)
#E2FAE9
(226,250,233)
#E9FBED
(233,251,237)
#F0FCF1
(240,252,241)
#FFFFFF
(255,255,255)

CSS3 styles

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

Text Font Color

.myTextColor { color: #AAF2C9; }

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

This text font color is #AAF2C9.

Background Color

.myBgColor { background-color: #AAF2C9; }

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

This div background color is #AAF2C9.

Border color

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

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

This div border color is #AAF2C9.

Opacity

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

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

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

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

This text has shadow with #AAF2C9 color.


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

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

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


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

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

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

Div box shadow color

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

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

This div box has shadow with color #AAF2C9.

Preview

Color preview on black background

This text has color #AAF2C9 on black background.


Color preview on white background

This text has color #AAF2C9 on white background.


Black color preview on #AAF2C9 background

This text has black color on #AAF2C9 background.


White color preview on #AAF2C9 background

This text has white color on #AAF2C9 background.


Related colors

Complementary color

Complementary color for #hex is #550D36.


I love getcolorcode.com

Triadic colors

1 #C9AAF2 and #F2C9AA with #AAF2C9 are triadic colors.

2 #C9F2AA and #F2AAC9 with #AAF2C9 are triadic colors.