Colour code #AAF9D6

#AAF9D6
rgb(170, 249, 214)
rgb(66.7%, 97.6%, 83.9%)

RGB value of #AAF9D6 colour is rgb(170, 249, 214) where red value is 170, green value is 249 and the blue value is 214.

Max value from RGB for colour #AAF9D6 is 249 which contains mainly Green colour.

Cylindrical-coordinate representations (also known as HSL colours) of colour #AAF9D6 hue angle of 153.4°, saturation:86.8% and the lightness value is 82.2%.

The process colour (four Colour CMYK) of #AAF9D6 colour is Cyan = 0.32, Magento = 0, Yellow = 0.14, and Key/Black (K on CMYK) = 0.02.

Hex color #AAF9D6 is not a web safe color. Nearby web safe colour of #AAF9D6 is #99FFCC.

Grayscale color of #AAF9D6 is #DDDDDD

Inverted color of #AAF9D6 is #550629

OLE colour (RGB Long) of #AAF9D6 is 14088618

Decimal Value of #AAF9D6 is 11205078

Android / android.graphics.Color of #AAF9D6 is -5572138 / 0xFFAAF9D6

The following declarations are allowed (CSS 3.0) for #AAF9D6

Hex Triplets
#AAF9D6
RGB Decimal
rgb(170, 249, 214)
RGB Percent
rgb(66.67%, 97.65%, 83.92%)
RGBA
rgba(170, 249, 214, 1)
HSL
hsl(153.4, 86.8%, 82.2%)
HSLA
hsla(153.4, 86.8%, 82.2%, 1)

Colour spaces of #AAF9D6

  • RGB is opposite of CMY. CMY colours are complementary to RGB colours.
    R = 170
    66.67%
    G = 249
    97.65%
    B = 214
    83.92%

    C = 33.33%
    0.33333333333333
    M = 2.35%
    0.023529411764706
    Y = 16.08%
    0.16078431372549
  • HSL (HSI) – hue, saturation, lightness/intensity
    H = 153.4°
    0.42616033755274
    S = 86.8%
    0.86813186813187
    L = 82.2%
    0.82156862745098
  • HSV (HSB) – hue, saturation, brightness/value
    H = 153.4°
    0.42616033755274
    S = 31.73%
    0.31726907630522
    V = 97.65%
    0.97647058823529
  • CMYK – cyan, magenta, yellow, key/black
    C = 31.73
    0.31726907630522
    M = 0
    0
    Y = 14.06
    0.14056224899598
    K = 2.35
    0.023529411764706
  • CIE – International Commission on Illumination
    CIE XYZ
    CIE 1931 XYZ colour space
    X = 62.591
    62.590844376945
    Y = 81.152
    81.152450699625
    Z = 75.983
    75.983433101764

    Yxy
    CIE (x, y, Y)
    Y = 81.152
    81.152450699625
    x = 0.285
    0.28485767250921
    y = 0.369
    0.3693335415879

    Hunter-Lab
    Hunter 1948 colour space
    L = 90.08
    90.08465501939
    a = -33.63
    -33.626294628066
    b = 13.05
    13.050100487338

    CIELAB
    CIE 1976 (L*, a*, b*)
    L = 92.2
    92.199487177367
    a = -31.37
    -31.372212309225
    b = 9.15
    9.152477366932

    CIELUV
    CIE 1976 (L*, u*, v*)
    L = 92.1995
    92.199487177367
    u = -38.1122
    -38.112170666891
    v = 19.2381
    19.238116430117

    CIELCH
    Cylindrical representation
    L = 92.1995
    92.199487177367
    C = 32.68
    32.680017550902
    H = 163.736
    163.73601036105

    YIQ
    Luma In-phase Quadrature
    Y = 0.8682
    0.86819215686275
    I = -0.1406
    -0.14058431372549
    Q = -0.1084
    -0.10836470588235

Base Numbers

Base Red Green Blue
Binary 10101010 11111001 11010110
Octal 252 371 326
Decimal 170 249 214
Hex AA F9 D6


Colour Harmonies : #AAF9D6 colour combinations

Complementary colour scheme for #AAF9D6

Colors that are opposite each other on the color wheel are considered to be complementary colors. The high contrast of complementary colors creates a vibrant look especially when used at full saturation.

In the complementary color scheme, the opposite colour of #AAF9D6 colour is calculated by adding 180° to the value of the current hue: 153.4° → 333.4° (+180°)

Split-complementary colour scheme for #AAF9D6

The split-complementary colour scheme is a variation of the complementary colour scheme. In addition to the base colour, it uses the two colours adjacent to its complement.This color scheme has the same strong visual contrast as the complementary color scheme, but has less tension.

Split-complementary colours of #AAF9D6 are calculated by changing the hue by ±5/12 (±150°): 153.4° → 3.4° (153.4°-150°), 303.4° (153.4°+150°).

Triadic colours scheme for #AAF9D6

A triadic colour scheme uses colors that are evenly spaced around the colour wheel. This scheme tend to be quite vibrant, even if you use pale or unsaturated versions of your hues. To use a triadic harmony successfully, the colours should be carefully balanced - let one colour dominate and use the two others for accent.

Equidistant combinations of triadic scheme colours for #AAF9D6 are calculated by changing the hue by ±1/3 (±120°): 153.4° → 33.4° (153.4°-120°), 273.4° (153.4°+120°).

Tetradic (Rectangle) colour scheme for #AAF9D6

The rectangle or tetradic color scheme uses four colors arranged into two complementary pairs.This schemes works best if one color is dominant, while the rest serve as extras.

Four tetradic scheme colours (clockwise) for #AAF9D6 are calculated by changing the hue as follows : 153.4° → 273.4° (153.4°+120°), 333.4° (153.4°+180°), 453.4° (153.4°+300°).


Four tetradic scheme colours (counter-clockwise) for #AAF9D6 are calculated by changing the hue as follows : 153.4° → 33.4° (153.4°-120°), -26.6° (153.4°-180°), -146.6° (153.4°-300°).

Tetradic Square Colour Scheme for #AAF9D6

The square color scheme is similar to the Tetradic rectangle scheme, but with all four colors spaced evenly around the color circle. Square color schemes works best if you let one color be dominant. You should also pay attention to the balance between warm and cool colors in your design.

Four equidistant tetradic square scheme colours for #AAF9D6 are calculated by changing the hue by 1/4 (90°) progressively : 153.4° → 243.4° (153.4°+90°), 333.4° (153.4°+180°), 423.4° (153.4°+270°).

Analagous colours of #AAF9D6

Analogous colours are groups of three colors that are next to each other on the colour wheel. They usually match well and create serene and comfortable designs.

Analogous color schemes are often found in nature and are harmonious and pleasing to the eye.

The analogous colours of #AAF9D6 are calculated by changing the hue by ±1/12 (i.e. 30°): 153.4° → 183.4° (153.4°+30°), 123.4° (153.4°-30°).

RGB Variations of #AAF9D6

(R:AA, G:F9, B:AA)

Monochromatic colours of #AAF9D6

Shade Colour Variation of #AAF9D6 (Darker)

A shade is achieved by adding black to any pure hue

Tint Colour Variation of #AAF9D6 (Brighter)

Tint is created by mixing white to any pure color

Tones of #AAF9D6 colour with more saturation

A tone is produced by adding gray to any pure hue.

Tones of #AAF9D6 colour with less saturation

A tone is produced by adding gray to any pure hue.

#AAF9D6 Colour in CSS Codes


.myforecolor{
    color:#AAF9D6;
}
.mybgcolor{
    background-color:#AAF9D6;
}
.mybordercolor{
    border:3px solid #AAF9D6;
}

Text with hexadecimal font colour #AAF9D6

This sample text font Colour is #AAF9D6
The quick brown fox jumps over the lazy dog. The quick brown fox jumps over the lazy dog. The quick brown fox jumps over the lazy dog


<p style="color:#AAF9D6">Text here</p>


#AAF9D6 Background Colour

This div background Colour is #AAF9D6


<div style="background-color:#AAF9D6">
    Div content here
</div>


#AAF9D6 Border Colour

This div border Colour is #AAF9D6


<div style="border:3px solid #AAF9D6">
    Div content here
</div>

CSS3 Examples


.textShadowRgb {
    text-shadow: 4px 4px 2px rgba(170, 249, 214, 0.8);
} 
.textShadowHex { 
    text-shadow: 4px 4px 2px #AAF9D6;
}
.divShadow { 
    -moz-box-shadow: 1px 1px 3px 2px #AAF9D6;
    -webkit-box-shadow: 1px 1px 3px 2px #AAF9D6;
    box-shadow: 1px 1px 3px 2px #AAF9D6;
}


Text Shadow with RGB Values

This text has shadow with rgb values.


<p style="text-shadow: 4px 4px 2px rgba(170, 249, 214, 0.8);">Text here</p>


Text Shadow with HEX Values

This text has shadow with hex values.


<p style="text-shadow: 4px 4px 2px #AAF9D6">Text here</p>


Div Box Shadow

This div box has shadow with Colour # AAF9D6



<div style="-moz-box-shadow: 1px 1px 3px 2px #AAF9D6;
-webkit-box-shadow: 1px 1px 3px 2px #AAF9D6;
box-shadow: 1px 1px 3px 2px #AAF9D6;">
    Div content here
</div>

Colour Palettes with #AAF9D6

Colour Compositions

RGB % of Colour #AAF9D6

CMYK % of Colour #AAF9D6

Related Colours along with #AAF9D6

Black background

Sample text in #AAF9D6 colour with black background colour.

White background

Sample text in #AAF9D6 colour with white background colour.

#AAF9D6 over22 #99FFCC

Sample text in #AAF9D6 colour with #99FFCC background colour.

#99FFCC over AAF9D6

Sample text in #99FFCC colour with #AAF9D6 background colour.

#AAF9D6 over22 #AACDF9

Sample text in #AAF9D6 colour with #AACDF9 background colour.

#AACDF9 over AAF9D6

Sample text in #AACDF9 colour with #AAF9D6 background colour.

#AAF9D6 over22 #AAD6F9

Sample text in #AAF9D6 colour with #AAD6F9 background colour.

#AAD6F9 over AAF9D6

Sample text in #AAD6F9 colour with #AAF9D6 background colour.

#AAF9D6 over22 #AEAAF9

Sample text in #AAF9D6 colour with #AEAAF9 background colour.

#AEAAF9 over AAF9D6

Sample text in #AEAAF9 colour with #AAF9D6 background colour.

#AAF9D6 over22 #CDF9AA

Sample text in #AAF9D6 colour with #CDF9AA background colour.

#CDF9AA over AAF9D6

Sample text in #CDF9AA colour with #AAF9D6 background colour.

#AAF9D6 over22 #D6AAF9

Sample text in #AAF9D6 colour with #D6AAF9 background colour.

#D6AAF9 over AAF9D6

Sample text in #D6AAF9 colour with #AAF9D6 background colour.

#AAF9D6 over22 #D6F9AA

Sample text in #AAF9D6 colour with #D6F9AA background colour.

#D6F9AA over AAF9D6

Sample text in #D6F9AA colour with #AAF9D6 background colour.

#AAF9D6 over22 #DDDDDD

Sample text in #AAF9D6 colour with #DDDDDD background colour.

#DDDDDD over AAF9D6

Sample text in #DDDDDD colour with #AAF9D6 background colour.

#AAF9D6 over22 #F4F9AA

Sample text in #AAF9D6 colour with #F4F9AA background colour.

#F4F9AA over AAF9D6

Sample text in #F4F9AA colour with #AAF9D6 background colour.

#AAF9D6 over22 #F9AACD

Sample text in #AAF9D6 colour with #F9AACD background colour.

#F9AACD over AAF9D6

Sample text in #F9AACD colour with #AAF9D6 background colour.

#AAF9D6 over22 #F9AAD6

Sample text in #AAF9D6 colour with #F9AAD6 background colour.

#F9AAD6 over AAF9D6

Sample text in #F9AAD6 colour with #AAF9D6 background colour.

#AAF9D6 over22 #F9AAF4

Sample text in #AAF9D6 colour with #F9AAF4 background colour.

#F9AAF4 over AAF9D6

Sample text in #F9AAF4 colour with #AAF9D6 background colour.

#AAF9D6 over22 #F9AEAA

Sample text in #AAF9D6 colour with #F9AEAA background colour.

#F9AEAA over AAF9D6

Sample text in #F9AEAA colour with #AAF9D6 background colour.

#AAF9D6 over22 #F9D6AA

Sample text in #AAF9D6 colour with #F9D6AA background colour.

#F9D6AA over AAF9D6

Sample text in #F9D6AA colour with #AAF9D6 background colour.

#AAF9D6 over22 #550629

Sample text in #AAF9D6 colour with #550629 background colour.

#550629 over AAF9D6

Sample text in #550629 colour with #AAF9D6 background colour.