Colour code #009688

#009688
rgb(0, 150, 136)
rgb(0%, 58.8%, 53.3%)

RGB value of #009688 colour is rgb(0, 150, 136) where red value is 0, green value is 150 and the blue value is 136.

Max value from RGB for colour #009688 is 150 which contains mainly Green colour.

Cylindrical-coordinate representations (also known as HSL colours) of colour #009688 hue angle of 174.4°, saturation:100% and the lightness value is 29.4%.

The process colour (four Colour CMYK) of #009688 colour is Cyan = 1, Magento = 0, Yellow = 0.09, and Key/Black (K on CMYK) = 0.41.

Hex color #009688 is not a web safe color. Nearby web safe colour of #009688 is #009999.

Grayscale color of #009688 is #676767

Inverted color of #009688 is #FF6977

OLE colour (RGB Long) of #009688 is 8951296

Decimal Value of #009688 is 38536

Android / android.graphics.Color of #009688 is -16738680 / 0xFF009688

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

Hex Triplets
#009688
RGB Decimal
rgb(0, 150, 136)
RGB Percent
rgb(0%, 58.82%, 53.33%)
RGBA
rgba(0, 150, 136, 1)
HSL
hsl(174.4, 100%, 29.4%)
HSLA
hsla(174.4, 100%, 29.4%, 1)

Colour spaces of #009688

  • RGB is opposite of CMY. CMY colours are complementary to RGB colours.
    R = 0
    0%
    G = 150
    58.82%
    B = 136
    53.33%

    C = 100%
    1
    M = 41.18%
    0.41176470588235
    Y = 46.67%
    0.46666666666667
  • HSL (HSI) – hue, saturation, lightness/intensity
    H = 174.4°
    0.48444444444444
    S = 100%
    1
    L = 29.4%
    0.29411764705882
  • HSV (HSB) – hue, saturation, brightness/value
    H = 174.4°
    0.48444444444444
    S = 100%
    1
    V = 58.82%
    0.58823529411765
  • CMYK – cyan, magenta, yellow, key/black
    C = 100
    1
    M = 0
    0
    Y = 9.33
    0.093333333333333
    K = 41.18
    0.41176470588235
  • CIE – International Commission on Illumination
    CIE XYZ
    CIE 1931 XYZ colour space
    X = 15.35
    15.350280298216
    Y = 23.59
    23.590266281109
    Z = 27.037
    27.036884887293

    Yxy
    CIE (x, y, Y)
    Y = 23.59
    23.590266281109
    x = 0.233
    0.23265956186825
    y = 0.358
    0.35755054049118

    Hunter-Lab
    Hunter 1948 colour space
    L = 48.57
    48.569811901127
    a = -28.58
    -28.583013020282
    b = 0.99
    0.99448058000215

    CIELAB
    CIE 1976 (L*, a*, b*)
    L = 55.68
    55.675203874079
    a = -36.66
    -36.656341958295
    b = -2.13
    -2.1298509952405

    CIELUV
    CIE 1976 (L*, u*, v*)
    L = 55.6752
    55.675203874079
    u = -44.5039
    -44.503867023168
    v = 2.272
    2.2719844646888

    CIELCH
    Cylindrical representation
    L = 55.6752
    55.675203874079
    C = 36.7182
    36.718165409309
    H = 183.3253
    183.32532976908

    YIQ
    Luma In-phase Quadrature
    Y = 0.4061
    0.40609411764706
    I = -0.333
    -0.33296470588235
    Q = -0.1418
    -0.14178039215686

Base Numbers

Base Red Green Blue
Binary 00000000 10010110 10001000
Octal 0 226 210
Decimal 0 150 136
Hex 0 96 88


Colour Harmonies : #009688 colour combinations

Complementary colour scheme for #009688

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

Split-complementary colour scheme for #009688

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 #009688 are calculated by changing the hue by ±5/12 (±150°): 174.4° → 24.4° (174.4°-150°), 324.4° (174.4°+150°).

Triadic colours scheme for #009688

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 #009688 are calculated by changing the hue by ±1/3 (±120°): 174.4° → 54.4° (174.4°-120°), 294.4° (174.4°+120°).

Tetradic (Rectangle) colour scheme for #009688

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 #009688 are calculated by changing the hue as follows : 174.4° → 294.4° (174.4°+120°), 354.4° (174.4°+180°), 474.4° (174.4°+300°).


Four tetradic scheme colours (counter-clockwise) for #009688 are calculated by changing the hue as follows : 174.4° → 54.4° (174.4°-120°), -5.6° (174.4°-180°), -125.6° (174.4°-300°).

Tetradic Square Colour Scheme for #009688

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 #009688 are calculated by changing the hue by 1/4 (90°) progressively : 174.4° → 264.4° (174.4°+90°), 354.4° (174.4°+180°), 444.4° (174.4°+270°).

Analagous colours of #009688

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 #009688 are calculated by changing the hue by ±1/12 (i.e. 30°): 174.4° → 204.4° (174.4°+30°), 144.4° (174.4°-30°).

RGB Variations of #009688

(R:00, G:96, B:00)

Monochromatic colours of #009688

Shade Colour Variation of #009688 (Darker)

A shade is achieved by adding black to any pure hue

Tint Colour Variation of #009688 (Brighter)

Tint is created by mixing white to any pure color

Tones of #009688 colour with more saturation

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

Tones of #009688 colour with less saturation

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

#009688 Colour in CSS Codes


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

Text with hexadecimal font colour #009688

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


#009688 Background Colour

This div background Colour is #009688


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


#009688 Border Colour

This div border Colour is #009688


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

CSS3 Examples


.textShadowRgb {
    text-shadow: 4px 4px 2px rgba(0, 150, 136, 0.8);
} 
.textShadowHex { 
    text-shadow: 4px 4px 2px #009688;
}
.divShadow { 
    -moz-box-shadow: 1px 1px 3px 2px #009688;
    -webkit-box-shadow: 1px 1px 3px 2px #009688;
    box-shadow: 1px 1px 3px 2px #009688;
}


Text Shadow with RGB Values

This text has shadow with rgb values.


<p style="text-shadow: 4px 4px 2px rgba(0, 150, 136, 0.8);">Text here</p>


Text Shadow with HEX Values

This text has shadow with hex values.


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


Div Box Shadow

This div box has shadow with Colour # 009688



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

Colour Compositions

RGB % of Colour #009688

CMYK % of Colour #009688

Related Colours along with #009688

Black background

Sample text in #009688 colour with black background colour.

White background

Sample text in #009688 colour with white background colour.

#009688 over22 #0E9600

Sample text in #009688 colour with #0E9600 background colour.

#0E9600 over 009688

Sample text in #0E9600 colour with #009688 background colour.

#009688 over22 #000E96

Sample text in #009688 colour with #000E96 background colour.

#000E96 over 009688

Sample text in #000E96 colour with #009688 background colour.

#009688 over22 #008896

Sample text in #009688 colour with #008896 background colour.

#008896 over 009688

Sample text in #008896 colour with #009688 background colour.

#009688 over22 #009999

Sample text in #009688 colour with #009999 background colour.

#009999 over 009688

Sample text in #009999 colour with #009688 background colour.

#009688 over22 #3D0096

Sample text in #009688 colour with #3D0096 background colour.

#3D0096 over 009688

Sample text in #3D0096 colour with #009688 background colour.

#009688 over22 #96000E

Sample text in #009688 colour with #96000E background colour.

#96000E over 009688

Sample text in #96000E colour with #009688 background colour.

#009688 over22 #963D00

Sample text in #009688 colour with #963D00 background colour.

#963D00 over 009688

Sample text in #963D00 colour with #009688 background colour.

#009688 over22 #FF6977

Sample text in #009688 colour with #FF6977 background colour.

#FF6977 over 009688

Sample text in #FF6977 colour with #009688 background colour.

#009688 over22 #599600

Sample text in #009688 colour with #599600 background colour.

#599600 over 009688

Sample text in #599600 colour with #009688 background colour.

#009688 over22 #676767

Sample text in #009688 colour with #676767 background colour.

#676767 over 009688

Sample text in #676767 colour with #009688 background colour.

#009688 over22 #880096

Sample text in #009688 colour with #880096 background colour.

#880096 over 009688

Sample text in #880096 colour with #009688 background colour.

#009688 over22 #889600

Sample text in #009688 colour with #889600 background colour.

#889600 over 009688

Sample text in #889600 colour with #009688 background colour.

#009688 over22 #960059

Sample text in #009688 colour with #960059 background colour.

#960059 over 009688

Sample text in #960059 colour with #009688 background colour.

#009688 over22 #960088

Sample text in #009688 colour with #960088 background colour.

#960088 over 009688

Sample text in #960088 colour with #009688 background colour.

#009688 over22 #968800

Sample text in #009688 colour with #968800 background colour.

#968800 over 009688

Sample text in #968800 colour with #009688 background colour.