Colour code #86992C

#86992C
rgb(134, 153, 44)
rgb(52.5%, 60%, 17.3%)

RGB value of #86992C colour is rgb(134, 153, 44) where red value is 134, green value is 153 and the blue value is 44.

Max value from RGB for colour #86992C is 153 which contains mainly Green colour.

Cylindrical-coordinate representations (also known as HSL colours) of colour #86992C hue angle of 70.5°, saturation:55.3% and the lightness value is 38.6%.

The process colour (four Colour CMYK) of #86992C colour is Cyan = 0.12, Magento = 0, Yellow = 0.71, and Key/Black (K on CMYK) = 0.4.

Hex color #86992C is not a web safe color. Nearby web safe colour of #86992C is #999933.

Grayscale color of #86992C is #878787

Inverted color of #86992C is #7966D3

OLE colour (RGB Long) of #86992C is 2922886

Decimal Value of #86992C is 8821036

Android / android.graphics.Color of #86992C is -7956180 / 0xFF86992C

The following declarations are allowed (CSS 3.0) for #86992C

Hex Triplets
#86992C
RGB Decimal
rgb(134, 153, 44)
RGB Percent
rgb(52.55%, 60%, 17.25%)
RGBA
rgba(134, 153, 44, 1)
HSL
hsl(70.5, 55.3%, 38.6%)
HSLA
hsla(70.5, 55.3%, 38.6%, 1)

Colour spaces of #86992C

  • RGB is opposite of CMY. CMY colours are complementary to RGB colours.
    R = 134
    52.55%
    G = 153
    60%
    B = 44
    17.25%

    C = 47.45%
    0.47450980392157
    M = 40%
    0.4
    Y = 82.75%
    0.82745098039216
  • HSL (HSI) – hue, saturation, lightness/intensity
    H = 70.5°
    0.19571865443425
    S = 55.3%
    0.55329949238579
    L = 38.6%
    0.38627450980392
  • HSV (HSB) – hue, saturation, brightness/value
    H = 70.5°
    0.19571865443425
    S = 71.24%
    0.71241830065359
    V = 60%
    0.6
  • CMYK – cyan, magenta, yellow, key/black
    C = 12.42
    0.12418300653595
    M = 0
    0
    Y = 71.24
    0.71241830065359
    K = 40
    0.4
  • CIE – International Commission on Illumination
    CIE XYZ
    CIE 1931 XYZ colour space
    X = 21.677
    21.677371546045
    Y = 28.033
    28.032647117265
    Z = 6.651
    6.6511959202895

    Yxy
    CIE (x, y, Y)
    Y = 28.033
    28.032647117265
    x = 0.385
    0.38461505320989
    y = 0.497
    0.49737478733154

    Hunter-Lab
    Hunter 1948 colour space
    L = 52.95
    52.94586586058
    a = -19.57
    -19.572867639584
    b = 29.61
    29.613943725528

    CIELAB
    CIE 1976 (L*, a*, b*)
    L = 59.92
    59.918221566021
    a = -21.75
    -21.746708942959
    b = 52.13
    52.126682841316

    CIELUV
    CIE 1976 (L*, u*, v*)
    L = 59.9182
    59.918221566021
    u = -7.9498
    -7.949799323766
    v = 60.4546
    60.454563735212

    CIELCH
    Cylindrical representation
    L = 59.9182
    59.918221566021
    C = 56.4811
    56.481062435907
    H = 112.6454
    112.6453888949

    YIQ
    Luma In-phase Quadrature
    Y = 0.529
    0.52899215686275
    I = 0.0928
    0.092803921568627
    Q = -0.1487
    -0.14873333333333

Base Numbers

Base Red Green Blue
Binary 10000110 10011001 00101100
Octal 206 231 54
Decimal 134 153 44
Hex 86 99 2C


Colour Harmonies : #86992C colour combinations

Complementary colour scheme for #86992C

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 #86992C colour is calculated by adding 180° to the value of the current hue: 70.5° → 250.5° (+180°)

Split-complementary colour scheme for #86992C

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 #86992C are calculated by changing the hue by ±5/12 (±150°): 70.5° → -79.5° (70.5°-150°), 220.5° (70.5°+150°).

Triadic colours scheme for #86992C

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 #86992C are calculated by changing the hue by ±1/3 (±120°): 70.5° → -49.5° (70.5°-120°), 190.5° (70.5°+120°).

Tetradic (Rectangle) colour scheme for #86992C

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 #86992C are calculated by changing the hue as follows : 70.5° → 190.5° (70.5°+120°), 250.5° (70.5°+180°), 370.5° (70.5°+300°).


Four tetradic scheme colours (counter-clockwise) for #86992C are calculated by changing the hue as follows : 70.5° → -49.5° (70.5°-120°), -109.5° (70.5°-180°), -229.5° (70.5°-300°).

Tetradic Square Colour Scheme for #86992C

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 #86992C are calculated by changing the hue by 1/4 (90°) progressively : 70.5° → 160.5° (70.5°+90°), 250.5° (70.5°+180°), 340.5° (70.5°+270°).

Analagous colours of #86992C

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 #86992C are calculated by changing the hue by ±1/12 (i.e. 30°): 70.5° → 100.5° (70.5°+30°), 40.5° (70.5°-30°).

RGB Variations of #86992C

(R:86, G:99, B:86)

Monochromatic colours of #86992C

Shade Colour Variation of #86992C (Darker)

A shade is achieved by adding black to any pure hue

Tint Colour Variation of #86992C (Brighter)

Tint is created by mixing white to any pure color

Tones of #86992C colour with more saturation

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

Tones of #86992C colour with less saturation

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

#86992C Colour in CSS Codes


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

Text with hexadecimal font colour #86992C

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


#86992C Background Colour

This div background Colour is #86992C


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


#86992C Border Colour

This div border Colour is #86992C


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

CSS3 Examples


.textShadowRgb {
    text-shadow: 4px 4px 2px rgba(134, 153, 44, 0.8);
} 
.textShadowHex { 
    text-shadow: 4px 4px 2px #86992C;
}
.divShadow { 
    -moz-box-shadow: 1px 1px 3px 2px #86992C;
    -webkit-box-shadow: 1px 1px 3px 2px #86992C;
    box-shadow: 1px 1px 3px 2px #86992C;
}


Text Shadow with RGB Values

This text has shadow with rgb values.


<p style="text-shadow: 4px 4px 2px rgba(134, 153, 44, 0.8);">Text here</p>


Text Shadow with HEX Values

This text has shadow with hex values.


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


Div Box Shadow

This div box has shadow with Colour # 86992C



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

Colour Palettes with #86992C

Colour Compositions

RGB % of Colour #86992C

CMYK % of Colour #86992C

Related Colours along with #86992C

Black background

Sample text in #86992C colour with black background colour.

White background

Sample text in #86992C colour with white background colour.

#86992C over22 #2C4F99

Sample text in #86992C colour with #2C4F99 background colour.

#2C4F99 over 86992C

Sample text in #2C4F99 colour with #86992C background colour.

#86992C over22 #2C8699

Sample text in #86992C colour with #2C8699 background colour.

#2C8699 over 86992C

Sample text in #2C8699 colour with #86992C background colour.

#86992C over22 #2C993F

Sample text in #86992C colour with #2C993F background colour.

#2C993F over 86992C

Sample text in #2C993F colour with #86992C background colour.

#86992C over22 #2C9975

Sample text in #86992C colour with #2C9975 background colour.

#2C9975 over 86992C

Sample text in #2C9975 colour with #86992C background colour.

#86992C over22 #2C9986

Sample text in #86992C colour with #2C9986 background colour.

#2C9986 over 86992C

Sample text in #2C9986 colour with #86992C background colour.

#86992C over22 #3F2C99

Sample text in #86992C colour with #3F2C99 background colour.

#3F2C99 over 86992C

Sample text in #3F2C99 colour with #86992C background colour.

#86992C over22 #752C99

Sample text in #86992C colour with #752C99 background colour.

#752C99 over 86992C

Sample text in #752C99 colour with #86992C background colour.

#86992C over22 #7966D3

Sample text in #86992C colour with #7966D3 background colour.

#7966D3 over 86992C

Sample text in #7966D3 colour with #86992C background colour.

#86992C over22 #862C99

Sample text in #86992C colour with #862C99 background colour.

#862C99 over 86992C

Sample text in #862C99 colour with #86992C background colour.

#86992C over22 #992C4F

Sample text in #86992C colour with #992C4F background colour.

#992C4F over 86992C

Sample text in #992C4F colour with #86992C background colour.

#86992C over22 #992C86

Sample text in #86992C colour with #992C86 background colour.

#992C86 over 86992C

Sample text in #992C86 colour with #86992C background colour.

#86992C over22 #993F2C

Sample text in #86992C colour with #993F2C background colour.

#993F2C over 86992C

Sample text in #993F2C colour with #86992C background colour.

#86992C over22 #99862C

Sample text in #86992C colour with #99862C background colour.

#99862C over 86992C

Sample text in #99862C colour with #86992C background colour.

#86992C over22 #878787

Sample text in #86992C colour with #878787 background colour.

#878787 over 86992C

Sample text in #878787 colour with #86992C background colour.

#86992C over22 #999933

Sample text in #86992C colour with #999933 background colour.

#999933 over 86992C

Sample text in #999933 colour with #86992C background colour.