Colour code #42961C

#42961C
rgb(66, 150, 28)
rgb(25.9%, 58.8%, 11%)

RGB value of #42961C colour is rgb(66, 150, 28) where red value is 66, green value is 150 and the blue value is 28.

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

Cylindrical-coordinate representations (also known as HSL colours) of colour #42961C hue angle of 101.3°, saturation:68.5% and the lightness value is 34.9%.

The process colour (four Colour CMYK) of #42961C colour is Cyan = 0.56, Magento = 0, Yellow = 0.81, and Key/Black (K on CMYK) = 0.41.

Hex color #42961C is not a web safe color. Nearby web safe colour of #42961C is #339933.

Grayscale color of #42961C is #6F6F6F

Inverted color of #42961C is #BD69E3

OLE colour (RGB Long) of #42961C is 1873474

Decimal Value of #42961C is 4363804

Android / android.graphics.Color of #42961C is -12413412 / 0xFF42961C

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

Hex Triplets
#42961C
RGB Decimal
rgb(66, 150, 28)
RGB Percent
rgb(25.88%, 58.82%, 10.98%)
RGBA
rgba(66, 150, 28, 1)
HSL
hsl(101.3, 68.5%, 34.9%)
HSLA
hsla(101.3, 68.5%, 34.9%, 1)

Colour spaces of #42961C

  • RGB is opposite of CMY. CMY colours are complementary to RGB colours.
    R = 66
    25.88%
    G = 150
    58.82%
    B = 28
    10.98%

    C = 74.12%
    0.74117647058824
    M = 41.18%
    0.41176470588235
    Y = 89.02%
    0.89019607843137
  • HSL (HSI) – hue, saturation, lightness/intensity
    H = 101.3°
    0.28142076502732
    S = 68.5%
    0.68539325842697
    L = 34.9%
    0.34901960784314
  • HSV (HSB) – hue, saturation, brightness/value
    H = 101.3°
    0.28142076502732
    S = 81.33%
    0.81333333333333
    V = 58.82%
    0.58823529411765
  • CMYK – cyan, magenta, yellow, key/black
    C = 56
    0.56
    M = 0
    0
    Y = 81.33
    0.81333333333333
    K = 41.18
    0.41176470588235
  • CIE – International Commission on Illumination
    CIE XYZ
    CIE 1931 XYZ colour space
    X = 13.363
    13.36271397712
    Y = 23.055
    23.054783789642
    Z = 4.844
    4.8443396215816

    Yxy
    CIE (x, y, Y)
    Y = 23.055
    23.054783789642
    x = 0.324
    0.32385164653125
    y = 0.559
    0.55874350850297

    Hunter-Lab
    Hunter 1948 colour space
    L = 48.02
    48.015397311323
    a = -34.35
    -34.350287837409
    b = 27.63
    27.628928289604

    CIELAB
    CIE 1976 (L*, a*, b*)
    L = 55.13
    55.128722248393
    a = -46.6
    -46.600050396323
    b = 51.77
    51.766968583386

    CIELUV
    CIE 1976 (L*, u*, v*)
    L = 55.1287
    55.128722248393
    u = -39.2845
    -39.284495144691
    v = 62.2627
    62.262687735253

    CIELCH
    Cylindrical representation
    L = 55.1287
    55.128722248393
    C = 69.6519
    69.651875303204
    H = 131.9932
    131.99319152095

    YIQ
    Luma In-phase Quadrature
    Y = 0.4352
    0.4352
    I = -0.0428
    -0.042752941176471
    Q = -0.2186
    -0.21862745098039

Base Numbers

Base Red Green Blue
Binary 01000010 10010110 00011100
Octal 102 226 34
Decimal 66 150 28
Hex 42 96 1C


Colour Harmonies : #42961C colour combinations

Complementary colour scheme for #42961C

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

Split-complementary colour scheme for #42961C

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 #42961C are calculated by changing the hue by ±5/12 (±150°): 101.3° → -48.7° (101.3°-150°), 251.3° (101.3°+150°).

Triadic colours scheme for #42961C

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 #42961C are calculated by changing the hue by ±1/3 (±120°): 101.3° → -18.7° (101.3°-120°), 221.3° (101.3°+120°).

Tetradic (Rectangle) colour scheme for #42961C

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 #42961C are calculated by changing the hue as follows : 101.3° → 221.3° (101.3°+120°), 281.3° (101.3°+180°), 401.3° (101.3°+300°).


Four tetradic scheme colours (counter-clockwise) for #42961C are calculated by changing the hue as follows : 101.3° → -18.7° (101.3°-120°), -78.7° (101.3°-180°), -198.7° (101.3°-300°).

Tetradic Square Colour Scheme for #42961C

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 #42961C are calculated by changing the hue by 1/4 (90°) progressively : 101.3° → 191.3° (101.3°+90°), 281.3° (101.3°+180°), 371.3° (101.3°+270°).

Analagous colours of #42961C

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 #42961C are calculated by changing the hue by ±1/12 (i.e. 30°): 101.3° → 131.3° (101.3°+30°), 71.3° (101.3°-30°).

RGB Variations of #42961C

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

Monochromatic colours of #42961C

Shade Colour Variation of #42961C (Darker)

A shade is achieved by adding black to any pure hue

Tint Colour Variation of #42961C (Brighter)

Tint is created by mixing white to any pure color

Tones of #42961C colour with more saturation

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

Tones of #42961C colour with less saturation

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

#42961C Colour in CSS Codes


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

Text with hexadecimal font colour #42961C

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


#42961C Background Colour

This div background Colour is #42961C


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


#42961C Border Colour

This div border Colour is #42961C


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

CSS3 Examples


.textShadowRgb {
    text-shadow: 4px 4px 2px rgba(66, 150, 28, 0.8);
} 
.textShadowHex { 
    text-shadow: 4px 4px 2px #42961C;
}
.divShadow { 
    -moz-box-shadow: 1px 1px 3px 2px #42961C;
    -webkit-box-shadow: 1px 1px 3px 2px #42961C;
    box-shadow: 1px 1px 3px 2px #42961C;
}


Text Shadow with RGB Values

This text has shadow with rgb values.


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


Text Shadow with HEX Values

This text has shadow with hex values.


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


Div Box Shadow

This div box has shadow with Colour # 42961C



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

Colour Palettes with #42961C

Colour Compositions

RGB % of Colour #42961C

CMYK % of Colour #42961C

Related Colours along with #42961C

Black background

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

White background

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

#42961C over22 #1C4296

Sample text in #42961C colour with #1C4296 background colour.

#1C4296 over 42961C

Sample text in #1C4296 colour with #42961C background colour.

#42961C over22 #1C7F96

Sample text in #42961C colour with #1C7F96 background colour.

#1C7F96 over 42961C

Sample text in #1C7F96 colour with #42961C background colour.

#42961C over22 #1C9642

Sample text in #42961C colour with #1C9642 background colour.

#1C9642 over 42961C

Sample text in #1C9642 colour with #42961C background colour.

#42961C over22 #1C9670

Sample text in #42961C colour with #1C9670 background colour.

#1C9670 over 42961C

Sample text in #1C9670 colour with #42961C background colour.

#42961C over22 #331C96

Sample text in #42961C colour with #331C96 background colour.

#331C96 over 42961C

Sample text in #331C96 colour with #42961C background colour.

#42961C over22 #421C96

Sample text in #42961C colour with #421C96 background colour.

#421C96 over 42961C

Sample text in #421C96 colour with #42961C background colour.

#42961C over22 #6F6F6F

Sample text in #42961C colour with #6F6F6F background colour.

#6F6F6F over 42961C

Sample text in #6F6F6F colour with #42961C background colour.

#42961C over22 #701C96

Sample text in #42961C colour with #701C96 background colour.

#701C96 over 42961C

Sample text in #701C96 colour with #42961C background colour.

#42961C over22 #961C42

Sample text in #42961C colour with #961C42 background colour.

#961C42 over 42961C

Sample text in #961C42 colour with #42961C background colour.

#42961C over22 #961C7F

Sample text in #42961C colour with #961C7F background colour.

#961C7F over 42961C

Sample text in #961C7F colour with #42961C background colour.

#42961C over22 #96331C

Sample text in #42961C colour with #96331C background colour.

#96331C over 42961C

Sample text in #96331C colour with #42961C background colour.

#42961C over22 #96421C

Sample text in #42961C colour with #96421C background colour.

#96421C over 42961C

Sample text in #96421C colour with #42961C background colour.

#42961C over22 #96701C

Sample text in #42961C colour with #96701C background colour.

#96701C over 42961C

Sample text in #96701C colour with #42961C background colour.

#42961C over22 #BD69E3

Sample text in #42961C colour with #BD69E3 background colour.

#BD69E3 over 42961C

Sample text in #BD69E3 colour with #42961C background colour.

#42961C over22 #339933

Sample text in #42961C colour with #339933 background colour.

#339933 over 42961C

Sample text in #339933 colour with #42961C background colour.