Colour code #A2F794

#A2F794
rgb(162, 247, 148)
rgb(63.5%, 96.9%, 58%)

RGB value of #A2F794 colour is rgb(162, 247, 148) where red value is 162, green value is 247 and the blue value is 148.

Max value from RGB for colour #A2F794 is 247 which contains mainly Green colour.

Cylindrical-coordinate representations (also known as HSL colours) of colour #A2F794 hue angle of 111.5°, saturation:86.1% and the lightness value is 77.5%.

The process colour (four Colour CMYK) of #A2F794 colour is Cyan = 0.34, Magento = 0, Yellow = 0.4, and Key/Black (K on CMYK) = 0.03.

Hex color #A2F794 is not a web safe color. Nearby web safe colour of #A2F794 is #99FF99.

Grayscale color of #A2F794 is #D2D2D2

Inverted color of #A2F794 is #5D086B

OLE colour (RGB Long) of #A2F794 is 9762722

Decimal Value of #A2F794 is 10680212

Android / android.graphics.Color of #A2F794 is -6097004 / 0xFFA2F794

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

Hex Triplets
#A2F794
RGB Decimal
rgb(162, 247, 148)
RGB Percent
rgb(63.53%, 96.86%, 58.04%)
RGBA
rgba(162, 247, 148, 1)
HSL
hsl(111.5, 86.1%, 77.5%)
HSLA
hsla(111.5, 86.1%, 77.5%, 1)

Colour spaces of #A2F794

  • RGB is opposite of CMY. CMY colours are complementary to RGB colours.
    R = 162
    63.53%
    G = 247
    96.86%
    B = 148
    58.04%

    C = 36.47%
    0.36470588235294
    M = 3.14%
    0.031372549019608
    Y = 41.96%
    0.41960784313725
  • HSL (HSI) – hue, saturation, lightness/intensity
    H = 111.5°
    0.30976430976431
    S = 86.1%
    0.86086956521739
    L = 77.5%
    0.77450980392157
  • HSV (HSB) – hue, saturation, brightness/value
    H = 111.5°
    0.30976430976431
    S = 40.08%
    0.40080971659919
    V = 96.86%
    0.96862745098039
  • CMYK – cyan, magenta, yellow, key/black
    C = 34.41
    0.34412955465587
    M = 0
    0
    Y = 40.08
    0.40080971659919
    K = 3.14
    0.031372549019608
  • CIE – International Commission on Illumination
    CIE XYZ
    CIE 1931 XYZ colour space
    X = 53.506
    53.506351681687
    Y = 76.341
    76.341029044372
    Z = 39.932
    39.932186156198

    Yxy
    CIE (x, y, Y)
    Y = 76.341
    76.341029044372
    x = 0.315
    0.31515189173968
    y = 0.45
    0.44964791963049

    Hunter-Lab
    Hunter 1948 colour space
    L = 87.37
    87.373353514886
    a = -43.59
    -43.592195496251
    b = 34.06
    34.064077847235

    CIELAB
    CIE 1976 (L*, a*, b*)
    L = 90.02
    90.017443098134
    a = -44.12
    -44.121714585298
    b = 39.63
    39.630021606125

    CIELUV
    CIE 1976 (L*, u*, v*)
    L = 90.0174
    90.017443098134
    u = -41.5487
    -41.548727582548
    v = 61.7823
    61.782291370637

    CIELCH
    Cylindrical representation
    L = 90.0174
    90.017443098134
    C = 59.3065
    59.30652839653
    H = 138.0699
    138.06989138056

    YIQ
    Luma In-phase Quadrature
    Y = 0.8247
    0.82470196078431
    I = -0.074
    -0.074043137254902
    Q = -0.1914
    -0.19140784313725

Base Numbers

Base Red Green Blue
Binary 10100010 11110111 10010100
Octal 242 367 224
Decimal 162 247 148
Hex A2 F7 94


Colour Harmonies : #A2F794 colour combinations

Complementary colour scheme for #A2F794

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

Split-complementary colour scheme for #A2F794

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 #A2F794 are calculated by changing the hue by ±5/12 (±150°): 111.5° → -38.5° (111.5°-150°), 261.5° (111.5°+150°).

Triadic colours scheme for #A2F794

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 #A2F794 are calculated by changing the hue by ±1/3 (±120°): 111.5° → -8.5° (111.5°-120°), 231.5° (111.5°+120°).

Tetradic (Rectangle) colour scheme for #A2F794

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 #A2F794 are calculated by changing the hue as follows : 111.5° → 231.5° (111.5°+120°), 291.5° (111.5°+180°), 411.5° (111.5°+300°).


Four tetradic scheme colours (counter-clockwise) for #A2F794 are calculated by changing the hue as follows : 111.5° → -8.5° (111.5°-120°), -68.5° (111.5°-180°), -188.5° (111.5°-300°).

Tetradic Square Colour Scheme for #A2F794

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 #A2F794 are calculated by changing the hue by 1/4 (90°) progressively : 111.5° → 201.5° (111.5°+90°), 291.5° (111.5°+180°), 381.5° (111.5°+270°).

Analagous colours of #A2F794

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 #A2F794 are calculated by changing the hue by ±1/12 (i.e. 30°): 111.5° → 141.5° (111.5°+30°), 81.5° (111.5°-30°).

RGB Variations of #A2F794

(R:A2, G:F7, B:A2)

Monochromatic colours of #A2F794

Shade Colour Variation of #A2F794 (Darker)

A shade is achieved by adding black to any pure hue

Tint Colour Variation of #A2F794 (Brighter)

Tint is created by mixing white to any pure color

Tones of #A2F794 colour with more saturation

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

Tones of #A2F794 colour with less saturation

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

#A2F794 Colour in CSS Codes


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

Text with hexadecimal font colour #A2F794

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


#A2F794 Background Colour

This div background Colour is #A2F794


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


#A2F794 Border Colour

This div border Colour is #A2F794


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

CSS3 Examples


.textShadowRgb {
    text-shadow: 4px 4px 2px rgba(162, 247, 148, 0.8);
} 
.textShadowHex { 
    text-shadow: 4px 4px 2px #A2F794;
}
.divShadow { 
    -moz-box-shadow: 1px 1px 3px 2px #A2F794;
    -webkit-box-shadow: 1px 1px 3px 2px #A2F794;
    box-shadow: 1px 1px 3px 2px #A2F794;
}


Text Shadow with RGB Values

This text has shadow with rgb values.


<p style="text-shadow: 4px 4px 2px rgba(162, 247, 148, 0.8);">Text here</p>


Text Shadow with HEX Values

This text has shadow with hex values.


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


Div Box Shadow

This div box has shadow with Colour # A2F794



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

Colour Palettes with #A2F794

Colour Compositions

RGB % of Colour #A2F794

CMYK % of Colour #A2F794

Related Colours along with #A2F794

Black background

Sample text in #A2F794 colour with black background colour.

White background

Sample text in #A2F794 colour with white background colour.

#A2F794 over22 #5D086B

Sample text in #A2F794 colour with #5D086B background colour.

#5D086B over A2F794

Sample text in #5D086B colour with #A2F794 background colour.

#A2F794 over22 #94A2F7

Sample text in #A2F794 colour with #94A2F7 background colour.

#94A2F7 over A2F794

Sample text in #94A2F7 colour with #A2F794 background colour.

#A2F794 over22 #94D3F7

Sample text in #A2F794 colour with #94D3F7 background colour.

#94D3F7 over A2F794

Sample text in #94D3F7 colour with #A2F794 background colour.

#A2F794 over22 #94F7A2

Sample text in #A2F794 colour with #94F7A2 background colour.

#94F7A2 over A2F794

Sample text in #94F7A2 colour with #A2F794 background colour.

#A2F794 over22 #94F7E9

Sample text in #A2F794 colour with #94F7E9 background colour.

#94F7E9 over A2F794

Sample text in #94F7E9 colour with #A2F794 background colour.

#A2F794 over22 #99FF99

Sample text in #A2F794 colour with #99FF99 background colour.

#99FF99 over A2F794

Sample text in #99FF99 colour with #A2F794 background colour.

#A2F794 over22 #A294F7

Sample text in #A2F794 colour with #A294F7 background colour.

#A294F7 over A2F794

Sample text in #A294F7 colour with #A2F794 background colour.

#A2F794 over22 #B794F7

Sample text in #A2F794 colour with #B794F7 background colour.

#B794F7 over A2F794

Sample text in #B794F7 colour with #A2F794 background colour.

#A2F794 over22 #D2D2D2

Sample text in #A2F794 colour with #D2D2D2 background colour.

#D2D2D2 over A2F794

Sample text in #D2D2D2 colour with #A2F794 background colour.

#A2F794 over22 #E994F7

Sample text in #A2F794 colour with #E994F7 background colour.

#E994F7 over A2F794

Sample text in #E994F7 colour with #A2F794 background colour.

#A2F794 over22 #F794A2

Sample text in #A2F794 colour with #F794A2 background colour.

#F794A2 over A2F794

Sample text in #F794A2 colour with #A2F794 background colour.

#A2F794 over22 #F794D3

Sample text in #A2F794 colour with #F794D3 background colour.

#F794D3 over A2F794

Sample text in #F794D3 colour with #A2F794 background colour.

#A2F794 over22 #F7A294

Sample text in #A2F794 colour with #F7A294 background colour.

#F7A294 over A2F794

Sample text in #F7A294 colour with #A2F794 background colour.

#A2F794 over22 #F7B794

Sample text in #A2F794 colour with #F7B794 background colour.

#F7B794 over A2F794

Sample text in #F7B794 colour with #A2F794 background colour.

#A2F794 over22 #F7E994

Sample text in #A2F794 colour with #F7E994 background colour.

#F7E994 over A2F794

Sample text in #F7E994 colour with #A2F794 background colour.