Colour code #9DBC09

#9DBC09
rgb(157, 188, 9)
rgb(61.6%, 73.7%, 3.5%)

RGB value of #9DBC09 colour is rgb(157, 188, 9) where red value is 157, green value is 188 and the blue value is 9.

Max value from RGB for colour #9DBC09 is 188 which contains mainly Green colour.

Cylindrical-coordinate representations (also known as HSL colours) of colour #9DBC09 hue angle of 70.4°, saturation:90.9% and the lightness value is 38.6%.

The process colour (four Colour CMYK) of #9DBC09 colour is Cyan = 0.16, Magento = 0, Yellow = 0.95, and Key/Black (K on CMYK) = 0.26.

Hex color #9DBC09 is not a web safe color. Nearby web safe colour of #9DBC09 is #99CC00.

Grayscale color of #9DBC09 is #9F9F9F

Inverted color of #9DBC09 is #6243F6

OLE colour (RGB Long) of #9DBC09 is 638109

Decimal Value of #9DBC09 is 10337289

Android / android.graphics.Color of #9DBC09 is -6439927 / 0xFF9DBC09

The following declarations are allowed (CSS 3.0) for #9DBC09

Hex Triplets
#9DBC09
RGB Decimal
rgb(157, 188, 9)
RGB Percent
rgb(61.57%, 73.73%, 3.53%)
RGBA
rgba(157, 188, 9, 1)
HSL
hsl(70.4, 90.9%, 38.6%)
HSLA
hsla(70.4, 90.9%, 38.6%, 1)

Colour spaces of #9DBC09

  • RGB is opposite of CMY. CMY colours are complementary to RGB colours.
    R = 157
    61.57%
    G = 188
    73.73%
    B = 9
    3.53%

    C = 38.43%
    0.3843137254902
    M = 26.27%
    0.26274509803922
    Y = 96.47%
    0.96470588235294
  • HSL (HSI) – hue, saturation, lightness/intensity
    H = 70.4°
    0.19553072625698
    S = 90.9%
    0.90862944162437
    L = 38.6%
    0.38627450980392
  • HSV (HSB) – hue, saturation, brightness/value
    H = 70.4°
    0.19553072625698
    S = 95.21%
    0.95212765957447
    V = 73.73%
    0.73725490196078
  • CMYK – cyan, magenta, yellow, key/black
    C = 16.49
    0.16489361702128
    M = 0
    0
    Y = 95.21
    0.95212765957447
    K = 26.27
    0.26274509803922
  • CIE – International Commission on Illumination
    CIE XYZ
    CIE 1931 XYZ colour space
    X = 31.937
    31.937155182315
    Y = 43.154
    43.154261117808
    Z = 6.905
    6.9047845148683

    Yxy
    CIE (x, y, Y)
    Y = 43.154
    43.154261117808
    x = 0.389
    0.38949554814589
    y = 0.526
    0.52629586113602

    Hunter-Lab
    Hunter 1948 colour space
    L = 65.69
    65.691902939257
    a = -28.18
    -28.180238549108
    b = 39.75
    39.752442653011

    CIELAB
    CIE 1976 (L*, a*, b*)
    L = 71.66
    71.659546106304
    a = -30.24
    -30.235260912001
    b = 71.38
    71.381764017943

    CIELUV
    CIE 1976 (L*, u*, v*)
    L = 71.6595
    71.659546106304
    u = -14.2836
    -14.283621457917
    v = 80.6106
    80.610600387407

    CIELCH
    Cylindrical representation
    L = 71.6595
    71.659546106304
    C = 77.5211
    77.521140579393
    H = 112.9561
    112.95611763725

    YIQ
    Luma In-phase Quadrature
    Y = 0.6209
    0.62088235294118
    I = 0.1529
    0.15287450980392
    Q = -0.2441
    -0.24408235294118

Base Numbers

Base Red Green Blue
Binary 10011101 10111100 00001001
Octal 235 274 11
Decimal 157 188 9
Hex 9D BC 9


Colour Harmonies : #9DBC09 colour combinations

Complementary colour scheme for #9DBC09

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 #9DBC09 colour is calculated by adding 180° to the value of the current hue: 70.4° → 250.4° (+180°)

Split-complementary colour scheme for #9DBC09

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 #9DBC09 are calculated by changing the hue by ±5/12 (±150°): 70.4° → -79.6° (70.4°-150°), 220.4° (70.4°+150°).

Triadic colours scheme for #9DBC09

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 #9DBC09 are calculated by changing the hue by ±1/3 (±120°): 70.4° → -49.6° (70.4°-120°), 190.4° (70.4°+120°).

Tetradic (Rectangle) colour scheme for #9DBC09

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 #9DBC09 are calculated by changing the hue as follows : 70.4° → 190.4° (70.4°+120°), 250.4° (70.4°+180°), 370.4° (70.4°+300°).


Four tetradic scheme colours (counter-clockwise) for #9DBC09 are calculated by changing the hue as follows : 70.4° → -49.6° (70.4°-120°), -109.6° (70.4°-180°), -229.6° (70.4°-300°).

Tetradic Square Colour Scheme for #9DBC09

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 #9DBC09 are calculated by changing the hue by 1/4 (90°) progressively : 70.4° → 160.4° (70.4°+90°), 250.4° (70.4°+180°), 340.4° (70.4°+270°).

Analagous colours of #9DBC09

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 #9DBC09 are calculated by changing the hue by ±1/12 (i.e. 30°): 70.4° → 100.4° (70.4°+30°), 40.4° (70.4°-30°).

RGB Variations of #9DBC09

(R:9D, G:BC, B:9D)

Monochromatic colours of #9DBC09

Shade Colour Variation of #9DBC09 (Darker)

A shade is achieved by adding black to any pure hue

Tint Colour Variation of #9DBC09 (Brighter)

Tint is created by mixing white to any pure color

Tones of #9DBC09 colour with more saturation

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

Tones of #9DBC09 colour with less saturation

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

#9DBC09 Colour in CSS Codes


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

Text with hexadecimal font colour #9DBC09

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


#9DBC09 Background Colour

This div background Colour is #9DBC09


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


#9DBC09 Border Colour

This div border Colour is #9DBC09


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

CSS3 Examples


.textShadowRgb {
    text-shadow: 4px 4px 2px rgba(157, 188, 9, 0.8);
} 
.textShadowHex { 
    text-shadow: 4px 4px 2px #9DBC09;
}
.divShadow { 
    -moz-box-shadow: 1px 1px 3px 2px #9DBC09;
    -webkit-box-shadow: 1px 1px 3px 2px #9DBC09;
    box-shadow: 1px 1px 3px 2px #9DBC09;
}


Text Shadow with RGB Values

This text has shadow with rgb values.


<p style="text-shadow: 4px 4px 2px rgba(157, 188, 9, 0.8);">Text here</p>


Text Shadow with HEX Values

This text has shadow with hex values.


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


Div Box Shadow

This div box has shadow with Colour # 9DBC09



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

Colour Palettes with #9DBC09

Colour Compositions

RGB % of Colour #9DBC09

CMYK % of Colour #9DBC09

Related Colours along with #9DBC09

Black background

Sample text in #9DBC09 colour with black background colour.

White background

Sample text in #9DBC09 colour with white background colour.

#9DBC09 over22 #0943BC

Sample text in #9DBC09 colour with #0943BC background colour.

#0943BC over 9DBC09

Sample text in #0943BC colour with #9DBC09 background colour.

#9DBC09 over22 #099DBC

Sample text in #9DBC09 colour with #099DBC background colour.

#099DBC over 9DBC09

Sample text in #099DBC colour with #9DBC09 background colour.

#9DBC09 over22 #09BC28

Sample text in #9DBC09 colour with #09BC28 background colour.

#09BC28 over 9DBC09

Sample text in #09BC28 colour with #9DBC09 background colour.

#9DBC09 over22 #09BC81

Sample text in #9DBC09 colour with #09BC81 background colour.

#09BC81 over 9DBC09

Sample text in #09BC81 colour with #9DBC09 background colour.

#9DBC09 over22 #09BC9D

Sample text in #9DBC09 colour with #09BC9D background colour.

#09BC9D over 9DBC09

Sample text in #09BC9D colour with #9DBC09 background colour.

#9DBC09 over22 #2809BC

Sample text in #9DBC09 colour with #2809BC background colour.

#2809BC over 9DBC09

Sample text in #2809BC colour with #9DBC09 background colour.

#9DBC09 over22 #6243F6

Sample text in #9DBC09 colour with #6243F6 background colour.

#6243F6 over 9DBC09

Sample text in #6243F6 colour with #9DBC09 background colour.

#9DBC09 over22 #8109BC

Sample text in #9DBC09 colour with #8109BC background colour.

#8109BC over 9DBC09

Sample text in #8109BC colour with #9DBC09 background colour.

#9DBC09 over22 #99CC00

Sample text in #9DBC09 colour with #99CC00 background colour.

#99CC00 over 9DBC09

Sample text in #99CC00 colour with #9DBC09 background colour.

#9DBC09 over22 #9D09BC

Sample text in #9DBC09 colour with #9D09BC background colour.

#9D09BC over 9DBC09

Sample text in #9D09BC colour with #9DBC09 background colour.

#9DBC09 over22 #9F9F9F

Sample text in #9DBC09 colour with #9F9F9F background colour.

#9F9F9F over 9DBC09

Sample text in #9F9F9F colour with #9DBC09 background colour.

#9DBC09 over22 #BC0943

Sample text in #9DBC09 colour with #BC0943 background colour.

#BC0943 over 9DBC09

Sample text in #BC0943 colour with #9DBC09 background colour.

#9DBC09 over22 #BC099D

Sample text in #9DBC09 colour with #BC099D background colour.

#BC099D over 9DBC09

Sample text in #BC099D colour with #9DBC09 background colour.

#9DBC09 over22 #BC2809

Sample text in #9DBC09 colour with #BC2809 background colour.

#BC2809 over 9DBC09

Sample text in #BC2809 colour with #9DBC09 background colour.

#9DBC09 over22 #BC9D09

Sample text in #9DBC09 colour with #BC9D09 background colour.

#BC9D09 over 9DBC09

Sample text in #BC9D09 colour with #9DBC09 background colour.