Colour code #97B312

#97B312
rgb(151, 179, 18)
rgb(59.2%, 70.2%, 7.1%)

RGB value of #97B312 colour is rgb(151, 179, 18) where red value is 151, green value is 179 and the blue value is 18.

Max value from RGB for colour #97B312 is 179 which contains mainly Green colour.

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

The process colour (four Colour CMYK) of #97B312 colour is Cyan = 0.16, Magento = 0, Yellow = 0.9, and Key/Black (K on CMYK) = 0.3.

Hex color #97B312 is not a web safe color. Nearby web safe colour of #97B312 is #99CC00.

Grayscale color of #97B312 is #989898

Inverted color of #97B312 is #684CED

OLE colour (RGB Long) of #97B312 is 1225623

Decimal Value of #97B312 is 9941778

Android / android.graphics.Color of #97B312 is -6835438 / 0xFF97B312

The following declarations are allowed (CSS 3.0) for #97B312

Hex Triplets
#97B312
RGB Decimal
rgb(151, 179, 18)
RGB Percent
rgb(59.22%, 70.2%, 7.06%)
RGBA
rgba(151, 179, 18, 1)
HSL
hsl(70.4, 81.7%, 38.6%)
HSLA
hsla(70.4, 81.7%, 38.6%, 1)

Colour spaces of #97B312

  • RGB is opposite of CMY. CMY colours are complementary to RGB colours.
    R = 151
    59.22%
    G = 179
    70.2%
    B = 18
    7.06%

    C = 40.78%
    0.4078431372549
    M = 29.8%
    0.29803921568627
    Y = 92.94%
    0.92941176470588
  • HSL (HSI) – hue, saturation, lightness/intensity
    H = 70.4°
    0.19565217391304
    S = 81.7%
    0.81725888324873
    L = 38.6%
    0.38627450980392
  • HSV (HSB) – hue, saturation, brightness/value
    H = 70.4°
    0.19565217391304
    S = 89.94%
    0.89944134078212
    V = 70.2%
    0.70196078431373
  • CMYK – cyan, magenta, yellow, key/black
    C = 15.64
    0.15642458100559
    M = 0
    0
    Y = 89.94
    0.89944134078212
    K = 29.8
    0.29803921568627
  • CIE – International Commission on Illumination
    CIE XYZ
    CIE 1931 XYZ colour space
    X = 28.992
    28.991779407351
    Y = 38.863
    38.863181062115
    Z = 6.546
    6.545583131292

    Yxy
    CIE (x, y, Y)
    Y = 38.863
    38.863181062115
    x = 0.39
    0.38967160727917
    y = 0.522
    0.52235076763228

    Hunter-Lab
    Hunter 1948 colour space
    L = 62.34
    62.340340921521
    a = -26.08
    -26.083015229334
    b = 37.41
    37.412933840543

    CIELAB
    CIE 1976 (L*, a*, b*)
    L = 68.65
    68.652041831796
    a = -28.3
    -28.30425621182
    b = 67.6
    67.604126536582

    CIELUV
    CIE 1976 (L*, u*, v*)
    L = 68.652
    68.652041831796
    u = -12.695
    -12.694975645153
    v = 76.2768
    76.276754624761

    CIELCH
    Cylindrical representation
    L = 68.652
    68.652041831796
    C = 73.2902
    73.290168811912
    H = 112.7179
    112.71791302647

    YIQ
    Luma In-phase Quadrature
    Y = 0.5972
    0.59715294117647
    I = 0.1372
    0.13722745098039
    Q = -0.2196
    -0.21963529411765

Base Numbers

Base Red Green Blue
Binary 10010111 10110011 00010010
Octal 227 263 22
Decimal 151 179 18
Hex 97 B3 12


Colour Harmonies : #97B312 colour combinations

Complementary colour scheme for #97B312

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

Split-complementary colour scheme for #97B312

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 #97B312 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 #97B312

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 #97B312 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 #97B312

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 #97B312 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 #97B312 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 #97B312

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 #97B312 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 #97B312

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 #97B312 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 #97B312

(R:97, G:B3, B:97)

Monochromatic colours of #97B312

Shade Colour Variation of #97B312 (Darker)

A shade is achieved by adding black to any pure hue

Tint Colour Variation of #97B312 (Brighter)

Tint is created by mixing white to any pure color

Tones of #97B312 colour with more saturation

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

Tones of #97B312 colour with less saturation

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

#97B312 Colour in CSS Codes


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

Text with hexadecimal font colour #97B312

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


#97B312 Background Colour

This div background Colour is #97B312


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


#97B312 Border Colour

This div border Colour is #97B312


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

CSS3 Examples


.textShadowRgb {
    text-shadow: 4px 4px 2px rgba(151, 179, 18, 0.8);
} 
.textShadowHex { 
    text-shadow: 4px 4px 2px #97B312;
}
.divShadow { 
    -moz-box-shadow: 1px 1px 3px 2px #97B312;
    -webkit-box-shadow: 1px 1px 3px 2px #97B312;
    box-shadow: 1px 1px 3px 2px #97B312;
}


Text Shadow with RGB Values

This text has shadow with rgb values.


<p style="text-shadow: 4px 4px 2px rgba(151, 179, 18, 0.8);">Text here</p>


Text Shadow with HEX Values

This text has shadow with hex values.


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


Div Box Shadow

This div box has shadow with Colour # 97B312



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

Colour Palettes with #97B312

Colour Compositions

RGB % of Colour #97B312

CMYK % of Colour #97B312

Related Colours along with #97B312

Black background

Sample text in #97B312 colour with black background colour.

White background

Sample text in #97B312 colour with white background colour.

#97B312 over22 #1247B3

Sample text in #97B312 colour with #1247B3 background colour.

#1247B3 over 97B312

Sample text in #1247B3 colour with #97B312 background colour.

#97B312 over22 #1297B3

Sample text in #97B312 colour with #1297B3 background colour.

#1297B3 over 97B312

Sample text in #1297B3 colour with #97B312 background colour.

#97B312 over22 #12B32E

Sample text in #97B312 colour with #12B32E background colour.

#12B32E over 97B312

Sample text in #12B32E colour with #97B312 background colour.

#97B312 over22 #12B37F

Sample text in #97B312 colour with #12B37F background colour.

#12B37F over 97B312

Sample text in #12B37F colour with #97B312 background colour.

#97B312 over22 #12B397

Sample text in #97B312 colour with #12B397 background colour.

#12B397 over 97B312

Sample text in #12B397 colour with #97B312 background colour.

#97B312 over22 #684CED

Sample text in #97B312 colour with #684CED background colour.

#684CED over 97B312

Sample text in #684CED colour with #97B312 background colour.

#97B312 over22 #99CC00

Sample text in #97B312 colour with #99CC00 background colour.

#99CC00 over 97B312

Sample text in #99CC00 colour with #97B312 background colour.

#97B312 over22 #989898

Sample text in #97B312 colour with #989898 background colour.

#989898 over 97B312

Sample text in #989898 colour with #97B312 background colour.

#97B312 over22 #2E12B3

Sample text in #97B312 colour with #2E12B3 background colour.

#2E12B3 over 97B312

Sample text in #2E12B3 colour with #97B312 background colour.

#97B312 over22 #7F12B3

Sample text in #97B312 colour with #7F12B3 background colour.

#7F12B3 over 97B312

Sample text in #7F12B3 colour with #97B312 background colour.

#97B312 over22 #9712B3

Sample text in #97B312 colour with #9712B3 background colour.

#9712B3 over 97B312

Sample text in #9712B3 colour with #97B312 background colour.

#97B312 over22 #B31247

Sample text in #97B312 colour with #B31247 background colour.

#B31247 over 97B312

Sample text in #B31247 colour with #97B312 background colour.

#97B312 over22 #B31297

Sample text in #97B312 colour with #B31297 background colour.

#B31297 over 97B312

Sample text in #B31297 colour with #97B312 background colour.

#97B312 over22 #B32E12

Sample text in #97B312 colour with #B32E12 background colour.

#B32E12 over 97B312

Sample text in #B32E12 colour with #97B312 background colour.

#97B312 over22 #B39712

Sample text in #97B312 colour with #B39712 background colour.

#B39712 over 97B312

Sample text in #B39712 colour with #97B312 background colour.