Colour code #12F94E

#12F94E
rgb(18, 249, 78)
rgb(7.1%, 97.6%, 30.6%)

RGB value of #12F94E colour is rgb(18, 249, 78) where red value is 18, green value is 249 and the blue value is 78.

Max value from RGB for colour #12F94E is 249 which contains mainly Green colour.

Cylindrical-coordinate representations (also known as HSL colours) of colour #12F94E hue angle of 135.6°, saturation:95.1% and the lightness value is 52.4%.

The process colour (four Colour CMYK) of #12F94E colour is Cyan = 0.93, Magento = 0, Yellow = 0.69, and Key/Black (K on CMYK) = 0.02.

Hex color #12F94E is not a web safe color. Nearby web safe colour of #12F94E is #00FF66.

Grayscale color of #12F94E is #A0A0A0

Inverted color of #12F94E is #ED06B1

OLE colour (RGB Long) of #12F94E is 5175570

Decimal Value of #12F94E is 1243470

Android / android.graphics.Color of #12F94E is -15533746 / 0xFF12F94E

The following declarations are allowed (CSS 3.0) for #12F94E

Hex Triplets
#12F94E
RGB Decimal
rgb(18, 249, 78)
RGB Percent
rgb(7.06%, 97.65%, 30.59%)
RGBA
rgba(18, 249, 78, 1)
HSL
hsl(135.6, 95.1%, 52.4%)
HSLA
hsla(135.6, 95.1%, 52.4%, 1)

Colour spaces of #12F94E

  • RGB is opposite of CMY. CMY colours are complementary to RGB colours.
    R = 18
    7.06%
    G = 249
    97.65%
    B = 78
    30.59%

    C = 92.94%
    0.92941176470588
    M = 2.35%
    0.023529411764706
    Y = 69.41%
    0.69411764705882
  • HSL (HSI) – hue, saturation, lightness/intensity
    H = 135.6°
    0.37662337662338
    S = 95.1%
    0.95061728395062
    L = 52.4%
    0.52352941176471
  • HSV (HSB) – hue, saturation, brightness/value
    H = 135.6°
    0.37662337662338
    S = 92.77%
    0.92771084337349
    V = 97.65%
    0.97647058823529
  • CMYK – cyan, magenta, yellow, key/black
    C = 92.77
    0.92771084337349
    M = 0
    0
    Y = 68.67
    0.68674698795181
    K = 2.35
    0.023529411764706
  • CIE – International Commission on Illumination
    CIE XYZ
    CIE 1931 XYZ colour space
    X = 35.5
    35.500281763179
    Y = 68.43
    68.430020151519
    Z = 18.545
    18.544988675392

    Yxy
    CIE (x, y, Y)
    Y = 68.43
    68.430020151519
    x = 0.29
    0.28985668531291
    y = 0.559
    0.55872510954512

    Hunter-Lab
    Hunter 1948 colour space
    L = 82.72
    82.722439610736
    a = -68.16
    -68.161109105595
    b = 44.61
    44.613880458663

    CIELAB
    CIE 1976 (L*, a*, b*)
    L = 86.22
    86.221020390983
    a = -80.53
    -80.526077837244
    b = 65.38
    65.380427796614

    CIELUV
    CIE 1976 (L*, u*, v*)
    L = 86.221
    86.221020390983
    u = -79.3345
    -79.334504207701
    v = 92.7363
    92.736308257748

    CIELCH
    Cylindrical representation
    L = 86.221
    86.221020390983
    C = 103.7258
    103.72583839487
    H = 140.9263
    140.92629485036

    YIQ
    Luma In-phase Quadrature
    Y = 0.6292
    0.62916470588235
    I = -0.3246
    -0.32464705882353
    Q = -0.4006
    -0.4006

Base Numbers

Base Red Green Blue
Binary 00010010 11111001 01001110
Octal 22 371 116
Decimal 18 249 78
Hex 12 F9 4E


Colour Harmonies : #12F94E colour combinations

Complementary colour scheme for #12F94E

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 #12F94E colour is calculated by adding 180° to the value of the current hue: 135.6° → 315.6° (+180°)

Split-complementary colour scheme for #12F94E

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 #12F94E are calculated by changing the hue by ±5/12 (±150°): 135.6° → -14.4° (135.6°-150°), 285.6° (135.6°+150°).

Triadic colours scheme for #12F94E

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 #12F94E are calculated by changing the hue by ±1/3 (±120°): 135.6° → 15.6° (135.6°-120°), 255.6° (135.6°+120°).

Tetradic (Rectangle) colour scheme for #12F94E

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 #12F94E are calculated by changing the hue as follows : 135.6° → 255.6° (135.6°+120°), 315.6° (135.6°+180°), 435.6° (135.6°+300°).


Four tetradic scheme colours (counter-clockwise) for #12F94E are calculated by changing the hue as follows : 135.6° → 15.6° (135.6°-120°), -44.4° (135.6°-180°), -164.4° (135.6°-300°).

Tetradic Square Colour Scheme for #12F94E

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 #12F94E are calculated by changing the hue by 1/4 (90°) progressively : 135.6° → 225.6° (135.6°+90°), 315.6° (135.6°+180°), 405.6° (135.6°+270°).

Analagous colours of #12F94E

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 #12F94E are calculated by changing the hue by ±1/12 (i.e. 30°): 135.6° → 165.6° (135.6°+30°), 105.6° (135.6°-30°).

RGB Variations of #12F94E

(R:12, G:F9, B:12)

Monochromatic colours of #12F94E

Shade Colour Variation of #12F94E (Darker)

A shade is achieved by adding black to any pure hue

Tint Colour Variation of #12F94E (Brighter)

Tint is created by mixing white to any pure color

Tones of #12F94E colour with more saturation

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

Tones of #12F94E colour with less saturation

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

#12F94E Colour in CSS Codes


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

Text with hexadecimal font colour #12F94E

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


#12F94E Background Colour

This div background Colour is #12F94E


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


#12F94E Border Colour

This div border Colour is #12F94E


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

CSS3 Examples


.textShadowRgb {
    text-shadow: 4px 4px 2px rgba(18, 249, 78, 0.8);
} 
.textShadowHex { 
    text-shadow: 4px 4px 2px #12F94E;
}
.divShadow { 
    -moz-box-shadow: 1px 1px 3px 2px #12F94E;
    -webkit-box-shadow: 1px 1px 3px 2px #12F94E;
    box-shadow: 1px 1px 3px 2px #12F94E;
}


Text Shadow with RGB Values

This text has shadow with rgb values.


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


Text Shadow with HEX Values

This text has shadow with hex values.


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


Div Box Shadow

This div box has shadow with Colour # 12F94E



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

Colour Palettes with #12F94E

Colour Compositions

RGB % of Colour #12F94E

CMYK % of Colour #12F94E

Related Colours along with #12F94E

Black background

Sample text in #12F94E colour with black background colour.

White background

Sample text in #12F94E colour with white background colour.

#12F94E over22 #00FF66

Sample text in #12F94E colour with #00FF66 background colour.

#00FF66 over 12F94E

Sample text in #00FF66 colour with #12F94E background colour.

#12F94E over22 #1249F9

Sample text in #12F94E colour with #1249F9 background colour.

#1249F9 over 12F94E

Sample text in #1249F9 colour with #12F94E background colour.

#12F94E over22 #124EF9

Sample text in #12F94E colour with #124EF9 background colour.

#124EF9 over 12F94E

Sample text in #124EF9 colour with #12F94E background colour.

#12F94E over22 #12BDF9

Sample text in #12F94E colour with #12BDF9 background colour.

#12BDF9 over 12F94E

Sample text in #12BDF9 colour with #12F94E background colour.

#12F94E over22 #4E12F9

Sample text in #12F94E colour with #4E12F9 background colour.

#4E12F9 over 12F94E

Sample text in #4E12F9 colour with #12F94E background colour.

#12F94E over22 #4EF912

Sample text in #12F94E colour with #4EF912 background colour.

#4EF912 over 12F94E

Sample text in #4EF912 colour with #12F94E background colour.

#12F94E over22 #A0A0A0

Sample text in #12F94E colour with #A0A0A0 background colour.

#A0A0A0 over 12F94E

Sample text in #A0A0A0 colour with #12F94E background colour.

#12F94E over22 #BDF912

Sample text in #12F94E colour with #BDF912 background colour.

#BDF912 over 12F94E

Sample text in #BDF912 colour with #12F94E background colour.

#12F94E over22 #C112F9

Sample text in #12F94E colour with #C112F9 background colour.

#C112F9 over 12F94E

Sample text in #C112F9 colour with #12F94E background colour.

#12F94E over22 #ED06B1

Sample text in #12F94E colour with #ED06B1 background colour.

#ED06B1 over 12F94E

Sample text in #ED06B1 colour with #12F94E background colour.

#12F94E over22 #F91249

Sample text in #12F94E colour with #F91249 background colour.

#F91249 over 12F94E

Sample text in #F91249 colour with #12F94E background colour.

#12F94E over22 #F9124E

Sample text in #12F94E colour with #F9124E background colour.

#F9124E over 12F94E

Sample text in #F9124E colour with #12F94E background colour.

#12F94E over22 #F912BD

Sample text in #12F94E colour with #F912BD background colour.

#F912BD over 12F94E

Sample text in #F912BD colour with #12F94E background colour.

#12F94E over22 #F94E12

Sample text in #12F94E colour with #F94E12 background colour.

#F94E12 over 12F94E

Sample text in #F94E12 colour with #12F94E background colour.

#12F94E over22 #F9C112

Sample text in #12F94E colour with #F9C112 background colour.

#F9C112 over 12F94E

Sample text in #F9C112 colour with #12F94E background colour.