Colour code #ABD54C

#ABD54C
rgb(171, 213, 76)
rgb(67.1%, 83.5%, 29.8%)

RGB value of #ABD54C colour is rgb(171, 213, 76) where red value is 171, green value is 213 and the blue value is 76.

Max value from RGB for colour #ABD54C is 213 which contains mainly Green colour.

Cylindrical-coordinate representations (also known as HSL colours) of colour #ABD54C hue angle of 78.4°, saturation:62% and the lightness value is 56.7%.

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

Hex color #ABD54C is not a web safe color. Nearby web safe colour of #ABD54C is #99CC33.

Grayscale color of #ABD54C is #B9B9B9

Inverted color of #ABD54C is #542AB3

OLE colour (RGB Long) of #ABD54C is 5035435

Decimal Value of #ABD54C is 11261260

Android / android.graphics.Color of #ABD54C is -5515956 / 0xFFABD54C

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

Hex Triplets
#ABD54C
RGB Decimal
rgb(171, 213, 76)
RGB Percent
rgb(67.06%, 83.53%, 29.8%)
RGBA
rgba(171, 213, 76, 1)
HSL
hsl(78.4, 62%, 56.7%)
HSLA
hsla(78.4, 62%, 56.7%, 1)

Colour spaces of #ABD54C

  • RGB is opposite of CMY. CMY colours are complementary to RGB colours.
    R = 171
    67.06%
    G = 213
    83.53%
    B = 76
    29.8%

    C = 32.94%
    0.32941176470588
    M = 16.47%
    0.16470588235294
    Y = 70.2%
    0.70196078431373
  • HSL (HSI) – hue, saturation, lightness/intensity
    H = 78.4°
    0.21776155717762
    S = 62%
    0.61990950226244
    L = 56.7%
    0.56666666666667
  • HSV (HSB) – hue, saturation, brightness/value
    H = 78.4°
    0.21776155717762
    S = 64.32%
    0.64319248826291
    V = 83.53%
    0.83529411764706
  • CMYK – cyan, magenta, yellow, key/black
    C = 19.72
    0.19718309859155
    M = 0
    0
    Y = 64.32
    0.64319248826291
    K = 16.47
    0.16470588235294
  • CIE – International Commission on Illumination
    CIE XYZ
    CIE 1931 XYZ colour space
    X = 41.893
    41.893343030218
    Y = 56.768
    56.768229240105
    Z = 15.587
    15.586829611849

    Yxy
    CIE (x, y, Y)
    Y = 56.768
    56.768229240105
    x = 0.367
    0.36668646860744
    y = 0.497
    0.49688423036895

    Hunter-Lab
    Hunter 1948 colour space
    L = 75.34
    75.344694066739
    a = -32.6
    -32.603203404724
    b = 40.48
    40.475748914973

    CIELAB
    CIE 1976 (L*, a*, b*)
    L = 80.05
    80.049056939583
    a = -33.49
    -33.489184023822
    b = 60.98
    60.978325271753

    CIELUV
    CIE 1976 (L*, u*, v*)
    L = 80.0491
    80.049056939583
    u = -20.4006
    -20.400550643275
    v = 78.1382
    78.138172855475

    CIELCH
    Cylindrical representation
    L = 80.0491
    80.049056939583
    C = 69.5693
    69.569257574946
    H = 118.7755
    118.77550958392

    YIQ
    Luma In-phase Quadrature
    Y = 0.7248
    0.7248
    I = 0.0743
    0.074294117647059
    Q = -0.202
    -0.20200392156863

Base Numbers

Base Red Green Blue
Binary 10101011 11010101 01001100
Octal 253 325 114
Decimal 171 213 76
Hex AB D5 4C


Colour Harmonies : #ABD54C colour combinations

Complementary colour scheme for #ABD54C

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

Split-complementary colour scheme for #ABD54C

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 #ABD54C are calculated by changing the hue by ±5/12 (±150°): 78.4° → -71.6° (78.4°-150°), 228.4° (78.4°+150°).

Triadic colours scheme for #ABD54C

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 #ABD54C are calculated by changing the hue by ±1/3 (±120°): 78.4° → -41.6° (78.4°-120°), 198.4° (78.4°+120°).

Tetradic (Rectangle) colour scheme for #ABD54C

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 #ABD54C are calculated by changing the hue as follows : 78.4° → 198.4° (78.4°+120°), 258.4° (78.4°+180°), 378.4° (78.4°+300°).


Four tetradic scheme colours (counter-clockwise) for #ABD54C are calculated by changing the hue as follows : 78.4° → -41.6° (78.4°-120°), -101.6° (78.4°-180°), -221.6° (78.4°-300°).

Tetradic Square Colour Scheme for #ABD54C

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 #ABD54C are calculated by changing the hue by 1/4 (90°) progressively : 78.4° → 168.4° (78.4°+90°), 258.4° (78.4°+180°), 348.4° (78.4°+270°).

Analagous colours of #ABD54C

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 #ABD54C are calculated by changing the hue by ±1/12 (i.e. 30°): 78.4° → 108.4° (78.4°+30°), 48.4° (78.4°-30°).

RGB Variations of #ABD54C

(R:AB, G:D5, B:AB)

Monochromatic colours of #ABD54C

Shade Colour Variation of #ABD54C (Darker)

A shade is achieved by adding black to any pure hue

Tint Colour Variation of #ABD54C (Brighter)

Tint is created by mixing white to any pure color

Tones of #ABD54C colour with more saturation

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

Tones of #ABD54C colour with less saturation

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

#ABD54C Colour in CSS Codes


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

Text with hexadecimal font colour #ABD54C

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


#ABD54C Background Colour

This div background Colour is #ABD54C


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


#ABD54C Border Colour

This div border Colour is #ABD54C


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

CSS3 Examples


.textShadowRgb {
    text-shadow: 4px 4px 2px rgba(171, 213, 76, 0.8);
} 
.textShadowHex { 
    text-shadow: 4px 4px 2px #ABD54C;
}
.divShadow { 
    -moz-box-shadow: 1px 1px 3px 2px #ABD54C;
    -webkit-box-shadow: 1px 1px 3px 2px #ABD54C;
    box-shadow: 1px 1px 3px 2px #ABD54C;
}


Text Shadow with RGB Values

This text has shadow with rgb values.


<p style="text-shadow: 4px 4px 2px rgba(171, 213, 76, 0.8);">Text here</p>


Text Shadow with HEX Values

This text has shadow with hex values.


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


Div Box Shadow

This div box has shadow with Colour # ABD54C



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

Colour Palettes with #ABD54C

Colour Compositions

RGB % of Colour #ABD54C

CMYK % of Colour #ABD54C

Related Colours along with #ABD54C

Black background

Sample text in #ABD54C colour with black background colour.

White background

Sample text in #ABD54C colour with white background colour.

#ABD54C over22 #4C66D5

Sample text in #ABD54C colour with #4C66D5 background colour.

#4C66D5 over ABD54C

Sample text in #4C66D5 colour with #ABD54C background colour.

#ABD54C over22 #4CABD5

Sample text in #ABD54C colour with #4CABD5 background colour.

#4CABD5 over ABD54C

Sample text in #4CABD5 colour with #ABD54C background colour.

#ABD54C over22 #4CD576

Sample text in #ABD54C colour with #4CD576 background colour.

#4CD576 over ABD54C

Sample text in #4CD576 colour with #ABD54C background colour.

#ABD54C over22 #4CD5AB

Sample text in #ABD54C colour with #4CD5AB background colour.

#4CD5AB over ABD54C

Sample text in #4CD5AB colour with #ABD54C background colour.

#ABD54C over22 #4CD5BA

Sample text in #ABD54C colour with #4CD5BA background colour.

#4CD5BA over ABD54C

Sample text in #4CD5BA colour with #ABD54C background colour.

#ABD54C over22 #542AB3

Sample text in #ABD54C colour with #542AB3 background colour.

#542AB3 over ABD54C

Sample text in #542AB3 colour with #ABD54C background colour.

#ABD54C over22 #764CD5

Sample text in #ABD54C colour with #764CD5 background colour.

#764CD5 over ABD54C

Sample text in #764CD5 colour with #ABD54C background colour.

#ABD54C over22 #99CC33

Sample text in #ABD54C colour with #99CC33 background colour.

#99CC33 over ABD54C

Sample text in #99CC33 colour with #ABD54C background colour.

#ABD54C over22 #AB4CD5

Sample text in #ABD54C colour with #AB4CD5 background colour.

#AB4CD5 over ABD54C

Sample text in #AB4CD5 colour with #ABD54C background colour.

#ABD54C over22 #B9B9B9

Sample text in #ABD54C colour with #B9B9B9 background colour.

#B9B9B9 over ABD54C

Sample text in #B9B9B9 colour with #ABD54C background colour.

#ABD54C over22 #BA4CD5

Sample text in #ABD54C colour with #BA4CD5 background colour.

#BA4CD5 over ABD54C

Sample text in #BA4CD5 colour with #ABD54C background colour.

#ABD54C over22 #D54C66

Sample text in #ABD54C colour with #D54C66 background colour.

#D54C66 over ABD54C

Sample text in #D54C66 colour with #ABD54C background colour.

#ABD54C over22 #D54CAB

Sample text in #ABD54C colour with #D54CAB background colour.

#D54CAB over ABD54C

Sample text in #D54CAB colour with #ABD54C background colour.

#ABD54C over22 #D5764C

Sample text in #ABD54C colour with #D5764C background colour.

#D5764C over ABD54C

Sample text in #D5764C colour with #ABD54C background colour.

#ABD54C over22 #D5AB4C

Sample text in #ABD54C colour with #D5AB4C background colour.

#D5AB4C over ABD54C

Sample text in #D5AB4C colour with #ABD54C background colour.