Colour code #A9CD8C

#A9CD8C
rgb(169, 205, 140)
rgb(66.3%, 80.4%, 54.9%)

RGB value of #A9CD8C colour is rgb(169, 205, 140) where red value is 169, green value is 205 and the blue value is 140.

Max value from RGB for colour #A9CD8C is 205 which contains mainly Green colour.

Cylindrical-coordinate representations (also known as HSL colours) of colour #A9CD8C hue angle of 93.2°, saturation:39.4% and the lightness value is 67.6%.

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

Hex color #A9CD8C is not a web safe color. Nearby web safe colour of #A9CD8C is #99CC99.

Grayscale color of #A9CD8C is #BBBBBB

Inverted color of #A9CD8C is #563273

OLE colour (RGB Long) of #A9CD8C is 9227689

Decimal Value of #A9CD8C is 11128204

Android / android.graphics.Color of #A9CD8C is -5649012 / 0xFFA9CD8C

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

Hex Triplets
#A9CD8C
RGB Decimal
rgb(169, 205, 140)
RGB Percent
rgb(66.27%, 80.39%, 54.9%)
RGBA
rgba(169, 205, 140, 1)
HSL
hsl(93.2, 39.4%, 67.6%)
HSLA
hsla(93.2, 39.4%, 67.6%, 1)

Colour spaces of #A9CD8C

  • RGB is opposite of CMY. CMY colours are complementary to RGB colours.
    R = 169
    66.27%
    G = 205
    80.39%
    B = 140
    54.9%

    C = 33.73%
    0.33725490196078
    M = 19.61%
    0.19607843137255
    Y = 45.1%
    0.45098039215686
  • HSL (HSI) – hue, saturation, lightness/intensity
    H = 93.2°
    0.25897435897436
    S = 39.4%
    0.39393939393939
    L = 67.6%
    0.67647058823529
  • HSV (HSB) – hue, saturation, brightness/value
    H = 93.2°
    0.25897435897436
    S = 31.71%
    0.31707317073171
    V = 80.39%
    0.80392156862745
  • CMYK – cyan, magenta, yellow, key/black
    C = 17.56
    0.17560975609756
    M = 0
    0
    Y = 31.71
    0.31707317073171
    K = 19.61
    0.19607843137255
  • CIE – International Commission on Illumination
    CIE XYZ
    CIE 1931 XYZ colour space
    X = 42.927
    42.927131695625
    Y = 53.991
    53.99110917677
    Z = 32.97
    32.969769797528

    Yxy
    CIE (x, y, Y)
    Y = 53.991
    53.99110917677
    x = 0.33
    0.33049341101015
    y = 0.416
    0.41567430972497

    Hunter-Lab
    Hunter 1948 colour space
    L = 73.48
    73.478642595498
    a = -24.31
    -24.30571707887
    b = 24.83
    24.831705195249

    CIELAB
    CIE 1976 (L*, a*, b*)
    L = 78.46
    78.45654855956
    a = -23.52
    -23.520369966966
    b = 28.55
    28.554284877638

    CIELUV
    CIE 1976 (L*, u*, v*)
    L = 78.4565
    78.45654855956
    u = -17.7647
    -17.764672162144
    v = 43.0852
    43.085214112445

    CIELCH
    Cylindrical representation
    L = 78.4565
    78.45654855956
    C = 36.994
    36.993985839002
    H = 129.4785
    129.47852912911

    YIQ
    Luma In-phase Quadrature
    Y = 0.7327
    0.73265098039216
    I = -0.0023
    -0.0023176470588236
    Q = -0.1092
    -0.10920392156863

Base Numbers

Base Red Green Blue
Binary 10101001 11001101 10001100
Octal 251 315 214
Decimal 169 205 140
Hex A9 CD 8C


Colour Harmonies : #A9CD8C colour combinations

Complementary colour scheme for #A9CD8C

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 #A9CD8C colour is calculated by adding 180° to the value of the current hue: 93.2° → 273.2° (+180°)

Split-complementary colour scheme for #A9CD8C

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 #A9CD8C are calculated by changing the hue by ±5/12 (±150°): 93.2° → -56.8° (93.2°-150°), 243.2° (93.2°+150°).

Triadic colours scheme for #A9CD8C

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 #A9CD8C are calculated by changing the hue by ±1/3 (±120°): 93.2° → -26.8° (93.2°-120°), 213.2° (93.2°+120°).

Tetradic (Rectangle) colour scheme for #A9CD8C

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 #A9CD8C are calculated by changing the hue as follows : 93.2° → 213.2° (93.2°+120°), 273.2° (93.2°+180°), 393.2° (93.2°+300°).


Four tetradic scheme colours (counter-clockwise) for #A9CD8C are calculated by changing the hue as follows : 93.2° → -26.8° (93.2°-120°), -86.8° (93.2°-180°), -206.8° (93.2°-300°).

Tetradic Square Colour Scheme for #A9CD8C

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 #A9CD8C are calculated by changing the hue by 1/4 (90°) progressively : 93.2° → 183.2° (93.2°+90°), 273.2° (93.2°+180°), 363.2° (93.2°+270°).

Analagous colours of #A9CD8C

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 #A9CD8C are calculated by changing the hue by ±1/12 (i.e. 30°): 93.2° → 123.2° (93.2°+30°), 63.2° (93.2°-30°).

RGB Variations of #A9CD8C

(R:A9, G:CD, B:A9)

Monochromatic colours of #A9CD8C

Shade Colour Variation of #A9CD8C (Darker)

A shade is achieved by adding black to any pure hue

Tint Colour Variation of #A9CD8C (Brighter)

Tint is created by mixing white to any pure color

Tones of #A9CD8C colour with more saturation

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

Tones of #A9CD8C colour with less saturation

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

#A9CD8C Colour in CSS Codes


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

Text with hexadecimal font colour #A9CD8C

This sample text font Colour is #A9CD8C
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:#A9CD8C">Text here</p>


#A9CD8C Background Colour

This div background Colour is #A9CD8C


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


#A9CD8C Border Colour

This div border Colour is #A9CD8C


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

CSS3 Examples


.textShadowRgb {
    text-shadow: 4px 4px 2px rgba(169, 205, 140, 0.8);
} 
.textShadowHex { 
    text-shadow: 4px 4px 2px #A9CD8C;
}
.divShadow { 
    -moz-box-shadow: 1px 1px 3px 2px #A9CD8C;
    -webkit-box-shadow: 1px 1px 3px 2px #A9CD8C;
    box-shadow: 1px 1px 3px 2px #A9CD8C;
}


Text Shadow with RGB Values

This text has shadow with rgb values.


<p style="text-shadow: 4px 4px 2px rgba(169, 205, 140, 0.8);">Text here</p>


Text Shadow with HEX Values

This text has shadow with hex values.


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


Div Box Shadow

This div box has shadow with Colour # A9CD8C



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

Colour Palettes with #A9CD8C

Colour Compositions

RGB % of Colour #A9CD8C

CMYK % of Colour #A9CD8C

Related Colours along with #A9CD8C

Black background

Sample text in #A9CD8C colour with black background colour.

White background

Sample text in #A9CD8C colour with white background colour.

#A9CD8C over22 #8CA9CD

Sample text in #A9CD8C colour with #8CA9CD background colour.

#8CA9CD over A9CD8C

Sample text in #8CA9CD colour with #A9CD8C background colour.

#A9CD8C over22 #8CC9CD

Sample text in #A9CD8C colour with #8CC9CD background colour.

#8CC9CD over A9CD8C

Sample text in #8CC9CD colour with #A9CD8C background colour.

#A9CD8C over22 #8CCDA9

Sample text in #A9CD8C colour with #8CCDA9 background colour.

#8CCDA9 over A9CD8C

Sample text in #8CCDA9 colour with #A9CD8C background colour.

#A9CD8C over22 #8CCDB0

Sample text in #A9CD8C colour with #8CCDB0 background colour.

#8CCDB0 over A9CD8C

Sample text in #8CCDB0 colour with #A9CD8C background colour.

#A9CD8C over22 #8F8CCD

Sample text in #A9CD8C colour with #8F8CCD background colour.

#8F8CCD over A9CD8C

Sample text in #8F8CCD colour with #A9CD8C background colour.

#A9CD8C over22 #99CC99

Sample text in #A9CD8C colour with #99CC99 background colour.

#99CC99 over A9CD8C

Sample text in #99CC99 colour with #A9CD8C background colour.

#A9CD8C over22 #A98CCD

Sample text in #A9CD8C colour with #A98CCD background colour.

#A98CCD over A9CD8C

Sample text in #A98CCD colour with #A9CD8C background colour.

#A9CD8C over22 #B08CCD

Sample text in #A9CD8C colour with #B08CCD background colour.

#B08CCD over A9CD8C

Sample text in #B08CCD colour with #A9CD8C background colour.

#A9CD8C over22 #BBBBBB

Sample text in #A9CD8C colour with #BBBBBB background colour.

#BBBBBB over A9CD8C

Sample text in #BBBBBB colour with #A9CD8C background colour.

#A9CD8C over22 #CD8CA9

Sample text in #A9CD8C colour with #CD8CA9 background colour.

#CD8CA9 over A9CD8C

Sample text in #CD8CA9 colour with #A9CD8C background colour.

#A9CD8C over22 #CD8CC9

Sample text in #A9CD8C colour with #CD8CC9 background colour.

#CD8CC9 over A9CD8C

Sample text in #CD8CC9 colour with #A9CD8C background colour.

#A9CD8C over22 #CD8F8C

Sample text in #A9CD8C colour with #CD8F8C background colour.

#CD8F8C over A9CD8C

Sample text in #CD8F8C colour with #A9CD8C background colour.

#A9CD8C over22 #CDA98C

Sample text in #A9CD8C colour with #CDA98C background colour.

#CDA98C over A9CD8C

Sample text in #CDA98C colour with #A9CD8C background colour.

#A9CD8C over22 #CDB08C

Sample text in #A9CD8C colour with #CDB08C background colour.

#CDB08C over A9CD8C

Sample text in #CDB08C colour with #A9CD8C background colour.

#A9CD8C over22 #563273

Sample text in #A9CD8C colour with #563273 background colour.

#563273 over A9CD8C

Sample text in #563273 colour with #A9CD8C background colour.