Colour code #ABC61F

#ABC61F
rgb(171, 198, 31)
rgb(67.1%, 77.6%, 12.2%)

RGB value of #ABC61F colour is rgb(171, 198, 31) where red value is 171, green value is 198 and the blue value is 31.

Max value from RGB for colour #ABC61F is 198 which contains mainly Green colour.

Cylindrical-coordinate representations (also known as HSL colours) of colour #ABC61F hue angle of 69.7°, saturation:72.9% and the lightness value is 44.9%.

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

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

Grayscale color of #ABC61F is #ABABAB

Inverted color of #ABC61F is #5439E0

OLE colour (RGB Long) of #ABC61F is 2082475

Decimal Value of #ABC61F is 11257375

Android / android.graphics.Color of #ABC61F is -5519841 / 0xFFABC61F

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

Hex Triplets
#ABC61F
RGB Decimal
rgb(171, 198, 31)
RGB Percent
rgb(67.06%, 77.65%, 12.16%)
RGBA
rgba(171, 198, 31, 1)
HSL
hsl(69.7, 72.9%, 44.9%)
HSLA
hsla(69.7, 72.9%, 44.9%, 1)

Colour spaces of #ABC61F

  • RGB is opposite of CMY. CMY colours are complementary to RGB colours.
    R = 171
    67.06%
    G = 198
    77.65%
    B = 31
    12.16%

    C = 32.94%
    0.32941176470588
    M = 22.35%
    0.22352941176471
    Y = 87.84%
    0.87843137254902
  • HSL (HSI) – hue, saturation, lightness/intensity
    H = 69.7°
    0.1936127744511
    S = 72.9%
    0.7292576419214
    L = 44.9%
    0.44901960784314
  • HSV (HSB) – hue, saturation, brightness/value
    H = 69.7°
    0.1936127744511
    S = 84.34%
    0.84343434343434
    V = 77.65%
    0.77647058823529
  • CMYK – cyan, magenta, yellow, key/black
    C = 13.64
    0.13636363636364
    M = 0
    0
    Y = 84.34
    0.84343434343434
    K = 22.35
    0.22352941176471
  • CIE – International Commission on Illumination
    CIE XYZ
    CIE 1931 XYZ colour space
    X = 37.236
    37.235992381839
    Y = 49.145
    49.145022832649
    Z = 8.82
    8.819717750618

    Yxy
    CIE (x, y, Y)
    Y = 49.145
    49.145022832649
    x = 0.391
    0.39113136235503
    y = 0.516
    0.51622525690702

    Hunter-Lab
    Hunter 1948 colour space
    L = 70.1
    70.103511204967
    a = -27.87
    -27.869564904429
    b = 41.61
    41.613187167216

    CIELAB
    CIE 1976 (L*, a*, b*)
    L = 75.54
    75.541460327012
    a = -28.72
    -28.718140539622
    b = 71.29
    71.294492850064

    CIELUV
    CIE 1976 (L*, u*, v*)
    L = 75.5415
    75.541460327012
    u = -11.6492
    -11.649169378433
    v = 82.4365
    82.436537635332

    CIELCH
    Cylindrical representation
    L = 75.5415
    75.541460327012
    C = 76.8611
    76.861149528233
    H = 111.9401
    111.94007300783

    YIQ
    Luma In-phase Quadrature
    Y = 0.6702
    0.67015294117647
    I = 0.1471
    0.14711764705882
    Q = -0.2261
    -0.22612156862745

Base Numbers

Base Red Green Blue
Binary 10101011 11000110 00011111
Octal 253 306 37
Decimal 171 198 31
Hex AB C6 1F


Colour Harmonies : #ABC61F colour combinations

Complementary colour scheme for #ABC61F

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

Split-complementary colour scheme for #ABC61F

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 #ABC61F are calculated by changing the hue by ±5/12 (±150°): 69.7° → -80.3° (69.7°-150°), 219.7° (69.7°+150°).

Triadic colours scheme for #ABC61F

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 #ABC61F are calculated by changing the hue by ±1/3 (±120°): 69.7° → -50.3° (69.7°-120°), 189.7° (69.7°+120°).

Tetradic (Rectangle) colour scheme for #ABC61F

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 #ABC61F are calculated by changing the hue as follows : 69.7° → 189.7° (69.7°+120°), 249.7° (69.7°+180°), 369.7° (69.7°+300°).


Four tetradic scheme colours (counter-clockwise) for #ABC61F are calculated by changing the hue as follows : 69.7° → -50.3° (69.7°-120°), -110.3° (69.7°-180°), -230.3° (69.7°-300°).

Tetradic Square Colour Scheme for #ABC61F

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 #ABC61F are calculated by changing the hue by 1/4 (90°) progressively : 69.7° → 159.7° (69.7°+90°), 249.7° (69.7°+180°), 339.7° (69.7°+270°).

Analagous colours of #ABC61F

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 #ABC61F are calculated by changing the hue by ±1/12 (i.e. 30°): 69.7° → 99.7° (69.7°+30°), 39.7° (69.7°-30°).

RGB Variations of #ABC61F

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

Monochromatic colours of #ABC61F

Shade Colour Variation of #ABC61F (Darker)

A shade is achieved by adding black to any pure hue

Tint Colour Variation of #ABC61F (Brighter)

Tint is created by mixing white to any pure color

Tones of #ABC61F colour with more saturation

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

Tones of #ABC61F colour with less saturation

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

#ABC61F Colour in CSS Codes


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

Text with hexadecimal font colour #ABC61F

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


#ABC61F Background Colour

This div background Colour is #ABC61F


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


#ABC61F Border Colour

This div border Colour is #ABC61F


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

CSS3 Examples


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


Text Shadow with RGB Values

This text has shadow with rgb values.


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


Text Shadow with HEX Values

This text has shadow with hex values.


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


Div Box Shadow

This div box has shadow with Colour # ABC61F



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

Colour Palettes with #ABC61F

Colour Compositions

RGB % of Colour #ABC61F

CMYK % of Colour #ABC61F

Related Colours along with #ABC61F

Black background

Sample text in #ABC61F colour with black background colour.

White background

Sample text in #ABC61F colour with white background colour.

#ABC61F over22 #1F57C6

Sample text in #ABC61F colour with #1F57C6 background colour.

#1F57C6 over ABC61F

Sample text in #1F57C6 colour with #ABC61F background colour.

#ABC61F over22 #1FABC6

Sample text in #ABC61F colour with #1FABC6 background colour.

#1FABC6 over ABC61F

Sample text in #1FABC6 colour with #ABC61F background colour.

#ABC61F over22 #1FC63A

Sample text in #ABC61F colour with #1FC63A background colour.

#1FC63A over ABC61F

Sample text in #1FC63A colour with #ABC61F background colour.

#ABC61F over22 #1FC68D

Sample text in #ABC61F colour with #1FC68D background colour.

#1FC68D over ABC61F

Sample text in #1FC68D colour with #ABC61F background colour.

#ABC61F over22 #1FC6AB

Sample text in #ABC61F colour with #1FC6AB background colour.

#1FC6AB over ABC61F

Sample text in #1FC6AB colour with #ABC61F background colour.

#ABC61F over22 #3A1FC6

Sample text in #ABC61F colour with #3A1FC6 background colour.

#3A1FC6 over ABC61F

Sample text in #3A1FC6 colour with #ABC61F background colour.

#ABC61F over22 #5439E0

Sample text in #ABC61F colour with #5439E0 background colour.

#5439E0 over ABC61F

Sample text in #5439E0 colour with #ABC61F background colour.

#ABC61F over22 #8D1FC6

Sample text in #ABC61F colour with #8D1FC6 background colour.

#8D1FC6 over ABC61F

Sample text in #8D1FC6 colour with #ABC61F background colour.

#ABC61F over22 #99CC33

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

#99CC33 over ABC61F

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

#ABC61F over22 #AB1FC6

Sample text in #ABC61F colour with #AB1FC6 background colour.

#AB1FC6 over ABC61F

Sample text in #AB1FC6 colour with #ABC61F background colour.

#ABC61F over22 #ABABAB

Sample text in #ABC61F colour with #ABABAB background colour.

#ABABAB over ABC61F

Sample text in #ABABAB colour with #ABC61F background colour.

#ABC61F over22 #C61F57

Sample text in #ABC61F colour with #C61F57 background colour.

#C61F57 over ABC61F

Sample text in #C61F57 colour with #ABC61F background colour.

#ABC61F over22 #C61FAB

Sample text in #ABC61F colour with #C61FAB background colour.

#C61FAB over ABC61F

Sample text in #C61FAB colour with #ABC61F background colour.

#ABC61F over22 #C63A1F

Sample text in #ABC61F colour with #C63A1F background colour.

#C63A1F over ABC61F

Sample text in #C63A1F colour with #ABC61F background colour.

#ABC61F over22 #C6AB1F

Sample text in #ABC61F colour with #C6AB1F background colour.

#C6AB1F over ABC61F

Sample text in #C6AB1F colour with #ABC61F background colour.