Colour code #ABD42B

#ABD42B
rgb(171, 212, 43)
rgb(67.1%, 83.1%, 16.9%)

RGB value of #ABD42B colour is rgb(171, 212, 43) where red value is 171, green value is 212 and the blue value is 43.

Max value from RGB for colour #ABD42B is 212 which contains mainly Green colour.

Cylindrical-coordinate representations (also known as HSL colours) of colour #ABD42B hue angle of 74.6°, saturation:66.3% and the lightness value is 50%.

The process colour (four Colour CMYK) of #ABD42B colour is Cyan = 0.19, Magento = 0, Yellow = 0.8, and Key/Black (K on CMYK) = 0.17.

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

Grayscale color of #ABD42B is #B5B5B5

Inverted color of #ABD42B is #542BD4

OLE colour (RGB Long) of #ABD42B is 2872491

Decimal Value of #ABD42B is 11260971

Android / android.graphics.Color of #ABD42B is -5516245 / 0xFFABD42B

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

Hex Triplets
#ABD42B
RGB Decimal
rgb(171, 212, 43)
RGB Percent
rgb(67.06%, 83.14%, 16.86%)
RGBA
rgba(171, 212, 43, 1)
HSL
hsl(74.6, 66.3%, 50%)
HSLA
hsla(74.6, 66.3%, 50%, 1)

Colour spaces of #ABD42B

  • RGB is opposite of CMY. CMY colours are complementary to RGB colours.
    R = 171
    67.06%
    G = 212
    83.14%
    B = 43
    16.86%

    C = 32.94%
    0.32941176470588
    M = 16.86%
    0.16862745098039
    Y = 83.14%
    0.83137254901961
  • HSL (HSI) – hue, saturation, lightness/intensity
    H = 74.6°
    0.20710059171598
    S = 66.3%
    0.66274509803922
    L = 50%
    0.5
  • HSV (HSB) – hue, saturation, brightness/value
    H = 74.6°
    0.20710059171598
    S = 79.72%
    0.79716981132075
    V = 83.14%
    0.83137254901961
  • CMYK – cyan, magenta, yellow, key/black
    C = 19.34
    0.19339622641509
    M = 0
    0
    Y = 79.72
    0.79716981132075
    K = 16.86
    0.16862745098039
  • CIE – International Commission on Illumination
    CIE XYZ
    CIE 1931 XYZ colour space
    X = 40.774
    40.774115070436
    Y = 55.919
    55.919311943135
    Z = 10.93
    10.929984395172

    Yxy
    CIE (x, y, Y)
    Y = 55.919
    55.919311943135
    x = 0.379
    0.37885915839984
    y = 0.52
    0.51958315770868

    Hunter-Lab
    Hunter 1948 colour space
    L = 74.78
    74.779216325885
    a = -33.53
    -33.534719581004
    b = 43.68
    43.679423531202

    CIELAB
    CIE 1976 (L*, a*, b*)
    L = 79.57
    79.567874898502
    a = -34.83
    -34.834389179715
    b = 71.82
    71.822107617413

    CIELUV
    CIE 1976 (L*, u*, v*)
    L = 79.5679
    79.567874898502
    u = -19.7312
    -19.73118112332
    v = 86.1486
    86.148586569222

    CIELCH
    Cylindrical representation
    L = 79.5679
    79.567874898502
    C = 79.8239
    79.823867434064
    H = 115.8738
    115.87381598401

    YIQ
    Luma In-phase Quadrature
    Y = 0.7077
    0.70774509803922
    I = 0.1169
    0.1169137254902
    Q = -0.2402
    -0.2402

Base Numbers

Base Red Green Blue
Binary 10101011 11010100 00101011
Octal 253 324 53
Decimal 171 212 43
Hex AB D4 2B


Colour Harmonies : #ABD42B colour combinations

Complementary colour scheme for #ABD42B

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

Split-complementary colour scheme for #ABD42B

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 #ABD42B are calculated by changing the hue by ±5/12 (±150°): 74.6° → -75.4° (74.6°-150°), 224.6° (74.6°+150°).

Triadic colours scheme for #ABD42B

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 #ABD42B are calculated by changing the hue by ±1/3 (±120°): 74.6° → -45.4° (74.6°-120°), 194.6° (74.6°+120°).

Tetradic (Rectangle) colour scheme for #ABD42B

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 #ABD42B are calculated by changing the hue as follows : 74.6° → 194.6° (74.6°+120°), 254.6° (74.6°+180°), 374.6° (74.6°+300°).


Four tetradic scheme colours (counter-clockwise) for #ABD42B are calculated by changing the hue as follows : 74.6° → -45.4° (74.6°-120°), -105.4° (74.6°-180°), -225.4° (74.6°-300°).

Tetradic Square Colour Scheme for #ABD42B

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 #ABD42B are calculated by changing the hue by 1/4 (90°) progressively : 74.6° → 164.6° (74.6°+90°), 254.6° (74.6°+180°), 344.6° (74.6°+270°).

Analagous colours of #ABD42B

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 #ABD42B are calculated by changing the hue by ±1/12 (i.e. 30°): 74.6° → 104.6° (74.6°+30°), 44.6° (74.6°-30°).

RGB Variations of #ABD42B

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

Monochromatic colours of #ABD42B

Shade Colour Variation of #ABD42B (Darker)

A shade is achieved by adding black to any pure hue

Tint Colour Variation of #ABD42B (Brighter)

Tint is created by mixing white to any pure color

Tones of #ABD42B colour with more saturation

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

Tones of #ABD42B colour with less saturation

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

#ABD42B Colour in CSS Codes


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

Text with hexadecimal font colour #ABD42B

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


#ABD42B Background Colour

This div background Colour is #ABD42B


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


#ABD42B Border Colour

This div border Colour is #ABD42B


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

CSS3 Examples


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


Text Shadow with RGB Values

This text has shadow with rgb values.


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


Text Shadow with HEX Values

This text has shadow with hex values.


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


Div Box Shadow

This div box has shadow with Colour # ABD42B



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

Colour Palettes with #ABD42B

Colour Compositions

RGB % of Colour #ABD42B

CMYK % of Colour #ABD42B

Related Colours along with #ABD42B

Black background

Sample text in #ABD42B colour with black background colour.

White background

Sample text in #ABD42B colour with white background colour.

#ABD42B over22 #2B57D4

Sample text in #ABD42B colour with #2B57D4 background colour.

#2B57D4 over ABD42B

Sample text in #2B57D4 colour with #ABD42B background colour.

#ABD42B over22 #2BABD4

Sample text in #ABD42B colour with #2BABD4 background colour.

#2BABD4 over ABD42B

Sample text in #2BABD4 colour with #ABD42B background colour.

#ABD42B over22 #2BD454

Sample text in #ABD42B colour with #2BD454 background colour.

#2BD454 over ABD42B

Sample text in #2BD454 colour with #ABD42B background colour.

#ABD42B over22 #2BD4A9

Sample text in #ABD42B colour with #2BD4A9 background colour.

#2BD4A9 over ABD42B

Sample text in #2BD4A9 colour with #ABD42B background colour.

#ABD42B over22 #2BD4AB

Sample text in #ABD42B colour with #2BD4AB background colour.

#2BD4AB over ABD42B

Sample text in #2BD4AB colour with #ABD42B background colour.

#ABD42B over22 #542BD4

Sample text in #ABD42B colour with #542BD4 background colour.

#542BD4 over ABD42B

Sample text in #542BD4 colour with #ABD42B background colour.

#ABD42B over22 #99CC33

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

#99CC33 over ABD42B

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

#ABD42B over22 #A92BD4

Sample text in #ABD42B colour with #A92BD4 background colour.

#A92BD4 over ABD42B

Sample text in #A92BD4 colour with #ABD42B background colour.

#ABD42B over22 #AB2BD4

Sample text in #ABD42B colour with #AB2BD4 background colour.

#AB2BD4 over ABD42B

Sample text in #AB2BD4 colour with #ABD42B background colour.

#ABD42B over22 #B5B5B5

Sample text in #ABD42B colour with #B5B5B5 background colour.

#B5B5B5 over ABD42B

Sample text in #B5B5B5 colour with #ABD42B background colour.

#ABD42B over22 #D42B57

Sample text in #ABD42B colour with #D42B57 background colour.

#D42B57 over ABD42B

Sample text in #D42B57 colour with #ABD42B background colour.

#ABD42B over22 #D42BAB

Sample text in #ABD42B colour with #D42BAB background colour.

#D42BAB over ABD42B

Sample text in #D42BAB colour with #ABD42B background colour.

#ABD42B over22 #D4542B

Sample text in #ABD42B colour with #D4542B background colour.

#D4542B over ABD42B

Sample text in #D4542B colour with #ABD42B background colour.

#ABD42B over22 #D4AB2B

Sample text in #ABD42B colour with #D4AB2B background colour.

#D4AB2B over ABD42B

Sample text in #D4AB2B colour with #ABD42B background colour.