Colour code #8EA620

#8EA620
rgb(142, 166, 32)
rgb(55.7%, 65.1%, 12.5%)

RGB value of #8EA620 colour is rgb(142, 166, 32) where red value is 142, green value is 166 and the blue value is 32.

Max value from RGB for colour #8EA620 is 166 which contains mainly Green colour.

Cylindrical-coordinate representations (also known as HSL colours) of colour #8EA620 hue angle of 70.7°, saturation:67.7% and the lightness value is 38.8%.

The process colour (four Colour CMYK) of #8EA620 colour is Cyan = 0.14, Magento = 0, Yellow = 0.81, and Key/Black (K on CMYK) = 0.35.

Hex color #8EA620 is not a web safe color. Nearby web safe colour of #8EA620 is #999933.

Grayscale color of #8EA620 is #909090

Inverted color of #8EA620 is #7159DF

OLE colour (RGB Long) of #8EA620 is 2139790

Decimal Value of #8EA620 is 9348640

Android / android.graphics.Color of #8EA620 is -7428576 / 0xFF8EA620

The following declarations are allowed (CSS 3.0) for #8EA620

Hex Triplets
#8EA620
RGB Decimal
rgb(142, 166, 32)
RGB Percent
rgb(55.69%, 65.1%, 12.55%)
RGBA
rgba(142, 166, 32, 1)
HSL
hsl(70.7, 67.7%, 38.8%)
HSLA
hsla(70.7, 67.7%, 38.8%, 1)

Colour spaces of #8EA620

  • RGB is opposite of CMY. CMY colours are complementary to RGB colours.
    R = 142
    55.69%
    G = 166
    65.1%
    B = 32
    12.55%

    C = 44.31%
    0.44313725490196
    M = 34.9%
    0.34901960784314
    Y = 87.45%
    0.87450980392157
  • HSL (HSI) – hue, saturation, lightness/intensity
    H = 70.7°
    0.19651741293532
    S = 67.7%
    0.67676767676768
    L = 38.8%
    0.38823529411765
  • HSV (HSB) – hue, saturation, brightness/value
    H = 70.7°
    0.19651741293532
    S = 80.72%
    0.80722891566265
    V = 65.1%
    0.65098039215686
  • CMYK – cyan, magenta, yellow, key/black
    C = 14.46
    0.14457831325301
    M = 0
    0
    Y = 80.72
    0.80722891566265
    K = 34.9
    0.34901960784314
  • CIE – International Commission on Illumination
    CIE XYZ
    CIE 1931 XYZ colour space
    X = 25.052
    25.052258447116
    Y = 33.128
    33.127503925356
    Z = 6.44
    6.4403541267396

    Yxy
    CIE (x, y, Y)
    Y = 33.128
    33.127503925356
    x = 0.388
    0.38768513280878
    y = 0.513
    0.51265001860157

    Hunter-Lab
    Hunter 1948 colour space
    L = 57.56
    57.556497396346
    a = -23.03
    -23.029286250684
    b = 33.66
    33.655221673088

    CIELAB
    CIE 1976 (L*, a*, b*)
    L = 64.26
    64.264017500499
    a = -25.38
    -25.383326742034
    b = 60.46
    60.460685393181

    CIELUV
    CIE 1976 (L*, u*, v*)
    L = 64.264
    64.264017500499
    u = -10.617
    -10.61699512449
    v = 68.9041
    68.904055102171

    CIELCH
    Cylindrical representation
    L = 64.264
    64.264017500499
    C = 65.5729
    65.572919370012
    H = 112.7742
    112.77421990805

    YIQ
    Luma In-phase Quadrature
    Y = 0.5629
    0.56293333333333
    I = 0.1126
    0.11258823529412
    Q = -0.1834
    -0.18338039215686

Base Numbers

Base Red Green Blue
Binary 10001110 10100110 00100000
Octal 216 246 40
Decimal 142 166 32
Hex 8E A6 20


Colour Harmonies : #8EA620 colour combinations

Complementary colour scheme for #8EA620

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 #8EA620 colour is calculated by adding 180° to the value of the current hue: 70.7° → 250.7° (+180°)

Split-complementary colour scheme for #8EA620

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 #8EA620 are calculated by changing the hue by ±5/12 (±150°): 70.7° → -79.3° (70.7°-150°), 220.7° (70.7°+150°).

Triadic colours scheme for #8EA620

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 #8EA620 are calculated by changing the hue by ±1/3 (±120°): 70.7° → -49.3° (70.7°-120°), 190.7° (70.7°+120°).

Tetradic (Rectangle) colour scheme for #8EA620

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 #8EA620 are calculated by changing the hue as follows : 70.7° → 190.7° (70.7°+120°), 250.7° (70.7°+180°), 370.7° (70.7°+300°).


Four tetradic scheme colours (counter-clockwise) for #8EA620 are calculated by changing the hue as follows : 70.7° → -49.3° (70.7°-120°), -109.3° (70.7°-180°), -229.3° (70.7°-300°).

Tetradic Square Colour Scheme for #8EA620

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 #8EA620 are calculated by changing the hue by 1/4 (90°) progressively : 70.7° → 160.7° (70.7°+90°), 250.7° (70.7°+180°), 340.7° (70.7°+270°).

Analagous colours of #8EA620

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 #8EA620 are calculated by changing the hue by ±1/12 (i.e. 30°): 70.7° → 100.7° (70.7°+30°), 40.7° (70.7°-30°).

RGB Variations of #8EA620

(R:8E, G:A6, B:8E)

Monochromatic colours of #8EA620

Shade Colour Variation of #8EA620 (Darker)

A shade is achieved by adding black to any pure hue

Tint Colour Variation of #8EA620 (Brighter)

Tint is created by mixing white to any pure color

Tones of #8EA620 colour with more saturation

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

Tones of #8EA620 colour with less saturation

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

#8EA620 Colour in CSS Codes


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

Text with hexadecimal font colour #8EA620

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


#8EA620 Background Colour

This div background Colour is #8EA620


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


#8EA620 Border Colour

This div border Colour is #8EA620


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

CSS3 Examples


.textShadowRgb {
    text-shadow: 4px 4px 2px rgba(142, 166, 32, 0.8);
} 
.textShadowHex { 
    text-shadow: 4px 4px 2px #8EA620;
}
.divShadow { 
    -moz-box-shadow: 1px 1px 3px 2px #8EA620;
    -webkit-box-shadow: 1px 1px 3px 2px #8EA620;
    box-shadow: 1px 1px 3px 2px #8EA620;
}


Text Shadow with RGB Values

This text has shadow with rgb values.


<p style="text-shadow: 4px 4px 2px rgba(142, 166, 32, 0.8);">Text here</p>


Text Shadow with HEX Values

This text has shadow with hex values.


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


Div Box Shadow

This div box has shadow with Colour # 8EA620



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

Colour Palettes with #8EA620

Colour Compositions

RGB % of Colour #8EA620

CMYK % of Colour #8EA620

Related Colours along with #8EA620

Black background

Sample text in #8EA620 colour with black background colour.

White background

Sample text in #8EA620 colour with white background colour.

#8EA620 over22 #204BA6

Sample text in #8EA620 colour with #204BA6 background colour.

#204BA6 over 8EA620

Sample text in #204BA6 colour with #8EA620 background colour.

#8EA620 over22 #208EA6

Sample text in #8EA620 colour with #208EA6 background colour.

#208EA6 over 8EA620

Sample text in #208EA6 colour with #8EA620 background colour.

#8EA620 over22 #20A638

Sample text in #8EA620 colour with #20A638 background colour.

#20A638 over 8EA620

Sample text in #20A638 colour with #8EA620 background colour.

#8EA620 over22 #20A67B

Sample text in #8EA620 colour with #20A67B background colour.

#20A67B over 8EA620

Sample text in #20A67B colour with #8EA620 background colour.

#8EA620 over22 #20A68E

Sample text in #8EA620 colour with #20A68E background colour.

#20A68E over 8EA620

Sample text in #20A68E colour with #8EA620 background colour.

#8EA620 over22 #3820A6

Sample text in #8EA620 colour with #3820A6 background colour.

#3820A6 over 8EA620

Sample text in #3820A6 colour with #8EA620 background colour.

#8EA620 over22 #7159DF

Sample text in #8EA620 colour with #7159DF background colour.

#7159DF over 8EA620

Sample text in #7159DF colour with #8EA620 background colour.

#8EA620 over22 #7B20A6

Sample text in #8EA620 colour with #7B20A6 background colour.

#7B20A6 over 8EA620

Sample text in #7B20A6 colour with #8EA620 background colour.

#8EA620 over22 #A6204B

Sample text in #8EA620 colour with #A6204B background colour.

#A6204B over 8EA620

Sample text in #A6204B colour with #8EA620 background colour.

#8EA620 over22 #A6208E

Sample text in #8EA620 colour with #A6208E background colour.

#A6208E over 8EA620

Sample text in #A6208E colour with #8EA620 background colour.

#8EA620 over22 #A63820

Sample text in #8EA620 colour with #A63820 background colour.

#A63820 over 8EA620

Sample text in #A63820 colour with #8EA620 background colour.

#8EA620 over22 #909090

Sample text in #8EA620 colour with #909090 background colour.

#909090 over 8EA620

Sample text in #909090 colour with #8EA620 background colour.

#8EA620 over22 #999933

Sample text in #8EA620 colour with #999933 background colour.

#999933 over 8EA620

Sample text in #999933 colour with #8EA620 background colour.

#8EA620 over22 #8E20A6

Sample text in #8EA620 colour with #8E20A6 background colour.

#8E20A6 over 8EA620

Sample text in #8E20A6 colour with #8EA620 background colour.

#8EA620 over22 #A68E20

Sample text in #8EA620 colour with #A68E20 background colour.

#A68E20 over 8EA620

Sample text in #A68E20 colour with #8EA620 background colour.