Colour code #53AD45

#53AD45
rgb(83, 173, 69)
rgb(32.5%, 67.8%, 27.1%)

RGB value of #53AD45 colour is rgb(83, 173, 69) where red value is 83, green value is 173 and the blue value is 69.

Max value from RGB for colour #53AD45 is 173 which contains mainly Green colour.

Cylindrical-coordinate representations (also known as HSL colours) of colour #53AD45 hue angle of 111.9°, saturation:43% and the lightness value is 47.5%.

The process colour (four Colour CMYK) of #53AD45 colour is Cyan = 0.52, Magento = 0, Yellow = 0.6, and Key/Black (K on CMYK) = 0.32.

Hex color #53AD45 is not a web safe color. Nearby web safe colour of #53AD45 is #669933.

Grayscale color of #53AD45 is #868686

Inverted color of #53AD45 is #AC52BA

OLE colour (RGB Long) of #53AD45 is 4566355

Decimal Value of #53AD45 is 5483845

Android / android.graphics.Color of #53AD45 is -11293371 / 0xFF53AD45

The following declarations are allowed (CSS 3.0) for #53AD45

Hex Triplets
#53AD45
RGB Decimal
rgb(83, 173, 69)
RGB Percent
rgb(32.55%, 67.84%, 27.06%)
RGBA
rgba(83, 173, 69, 1)
HSL
hsl(111.9, 43%, 47.5%)
HSLA
hsla(111.9, 43%, 47.5%, 1)

Colour spaces of #53AD45

  • RGB is opposite of CMY. CMY colours are complementary to RGB colours.
    R = 83
    32.55%
    G = 173
    67.84%
    B = 69
    27.06%

    C = 67.45%
    0.67450980392157
    M = 32.16%
    0.32156862745098
    Y = 72.94%
    0.72941176470588
  • HSL (HSI) – hue, saturation, lightness/intensity
    H = 111.9°
    0.31089743589744
    S = 43%
    0.4297520661157
    L = 47.5%
    0.47450980392157
  • HSV (HSB) – hue, saturation, brightness/value
    H = 111.9°
    0.31089743589744
    S = 60.12%
    0.60115606936416
    V = 67.84%
    0.67843137254902
  • CMYK – cyan, magenta, yellow, key/black
    C = 52.02
    0.52023121387283
    M = 0
    0
    Y = 60.12
    0.60115606936416
    K = 32.16
    0.32156862745098
  • CIE – International Commission on Illumination
    CIE XYZ
    CIE 1931 XYZ colour space
    X = 19.585
    19.585027036759
    Y = 32.156
    32.155811229493
    Z = 10.805
    10.804679123632

    Yxy
    CIE (x, y, Y)
    Y = 32.156
    32.155811229493
    x = 0.313
    0.31313238508643
    y = 0.514
    0.51411855831404

    Hunter-Lab
    Hunter 1948 colour space
    L = 56.71
    56.706094231125
    a = -37.59
    -37.58572456803
    b = 28.4
    28.397253992861

    CIELAB
    CIE 1976 (L*, a*, b*)
    L = 63.47
    63.471451651043
    a = -47.23
    -47.225462886784
    b = 44.43
    44.426224272322

    CIELUV
    CIE 1976 (L*, u*, v*)
    L = 63.4715
    63.471451651043
    u = -42.2696
    -42.269550524291
    v = 60.4609
    60.46094402888

    CIELCH
    Cylindrical representation
    L = 63.4715
    63.471451651043
    C = 64.8377
    64.837749405463
    H = 136.7494
    136.74939186855

    YIQ
    Luma In-phase Quadrature
    Y = 0.5264
    0.52640784313725
    I = -0.0794
    -0.079435294117647
    Q = -0.2017
    -0.20166274509804

Base Numbers

Base Red Green Blue
Binary 01010011 10101101 01000101
Octal 123 255 105
Decimal 83 173 69
Hex 53 AD 45


Colour Harmonies : #53AD45 colour combinations

Complementary colour scheme for #53AD45

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 #53AD45 colour is calculated by adding 180° to the value of the current hue: 111.9° → 291.9° (+180°)

Split-complementary colour scheme for #53AD45

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 #53AD45 are calculated by changing the hue by ±5/12 (±150°): 111.9° → -38.1° (111.9°-150°), 261.9° (111.9°+150°).

Triadic colours scheme for #53AD45

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 #53AD45 are calculated by changing the hue by ±1/3 (±120°): 111.9° → -8.1° (111.9°-120°), 231.9° (111.9°+120°).

Tetradic (Rectangle) colour scheme for #53AD45

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 #53AD45 are calculated by changing the hue as follows : 111.9° → 231.9° (111.9°+120°), 291.9° (111.9°+180°), 411.9° (111.9°+300°).


Four tetradic scheme colours (counter-clockwise) for #53AD45 are calculated by changing the hue as follows : 111.9° → -8.1° (111.9°-120°), -68.1° (111.9°-180°), -188.1° (111.9°-300°).

Tetradic Square Colour Scheme for #53AD45

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 #53AD45 are calculated by changing the hue by 1/4 (90°) progressively : 111.9° → 201.9° (111.9°+90°), 291.9° (111.9°+180°), 381.9° (111.9°+270°).

Analagous colours of #53AD45

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 #53AD45 are calculated by changing the hue by ±1/12 (i.e. 30°): 111.9° → 141.9° (111.9°+30°), 81.9° (111.9°-30°).

RGB Variations of #53AD45

(R:53, G:AD, B:53)

Monochromatic colours of #53AD45

Shade Colour Variation of #53AD45 (Darker)

A shade is achieved by adding black to any pure hue

Tint Colour Variation of #53AD45 (Brighter)

Tint is created by mixing white to any pure color

Tones of #53AD45 colour with more saturation

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

Tones of #53AD45 colour with less saturation

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

#53AD45 Colour in CSS Codes


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

Text with hexadecimal font colour #53AD45

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


#53AD45 Background Colour

This div background Colour is #53AD45


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


#53AD45 Border Colour

This div border Colour is #53AD45


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

CSS3 Examples


.textShadowRgb {
    text-shadow: 4px 4px 2px rgba(83, 173, 69, 0.8);
} 
.textShadowHex { 
    text-shadow: 4px 4px 2px #53AD45;
}
.divShadow { 
    -moz-box-shadow: 1px 1px 3px 2px #53AD45;
    -webkit-box-shadow: 1px 1px 3px 2px #53AD45;
    box-shadow: 1px 1px 3px 2px #53AD45;
}


Text Shadow with RGB Values

This text has shadow with rgb values.


<p style="text-shadow: 4px 4px 2px rgba(83, 173, 69, 0.8);">Text here</p>


Text Shadow with HEX Values

This text has shadow with hex values.


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


Div Box Shadow

This div box has shadow with Colour # 53AD45



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

Colour Palettes with #53AD45

Colour Compositions

RGB % of Colour #53AD45

CMYK % of Colour #53AD45

Related Colours along with #53AD45

Black background

Sample text in #53AD45 colour with black background colour.

White background

Sample text in #53AD45 colour with white background colour.

#53AD45 over22 #4553AD

Sample text in #53AD45 colour with #4553AD background colour.

#4553AD over 53AD45

Sample text in #4553AD colour with #53AD45 background colour.

#53AD45 over22 #4587AD

Sample text in #53AD45 colour with #4587AD background colour.

#4587AD over 53AD45

Sample text in #4587AD colour with #53AD45 background colour.

#53AD45 over22 #45AD53

Sample text in #53AD45 colour with #45AD53 background colour.

#45AD53 over 53AD45

Sample text in #45AD53 colour with #53AD45 background colour.

#53AD45 over22 #45AD9F

Sample text in #53AD45 colour with #45AD9F background colour.

#45AD9F over 53AD45

Sample text in #45AD9F colour with #53AD45 background colour.

#53AD45 over22 #5345AD

Sample text in #53AD45 colour with #5345AD background colour.

#5345AD over 53AD45

Sample text in #5345AD colour with #53AD45 background colour.

#53AD45 over22 #6B45AD

Sample text in #53AD45 colour with #6B45AD background colour.

#6B45AD over 53AD45

Sample text in #6B45AD colour with #53AD45 background colour.

#53AD45 over22 #9F45AD

Sample text in #53AD45 colour with #9F45AD background colour.

#9F45AD over 53AD45

Sample text in #9F45AD colour with #53AD45 background colour.

#53AD45 over22 #AC52BA

Sample text in #53AD45 colour with #AC52BA background colour.

#AC52BA over 53AD45

Sample text in #AC52BA colour with #53AD45 background colour.

#53AD45 over22 #AD4553

Sample text in #53AD45 colour with #AD4553 background colour.

#AD4553 over 53AD45

Sample text in #AD4553 colour with #53AD45 background colour.

#53AD45 over22 #AD4587

Sample text in #53AD45 colour with #AD4587 background colour.

#AD4587 over 53AD45

Sample text in #AD4587 colour with #53AD45 background colour.

#53AD45 over22 #AD5345

Sample text in #53AD45 colour with #AD5345 background colour.

#AD5345 over 53AD45

Sample text in #AD5345 colour with #53AD45 background colour.

#53AD45 over22 #AD6B45

Sample text in #53AD45 colour with #AD6B45 background colour.

#AD6B45 over 53AD45

Sample text in #AD6B45 colour with #53AD45 background colour.

#53AD45 over22 #AD9F45

Sample text in #53AD45 colour with #AD9F45 background colour.

#AD9F45 over 53AD45

Sample text in #AD9F45 colour with #53AD45 background colour.

#53AD45 over22 #669933

Sample text in #53AD45 colour with #669933 background colour.

#669933 over 53AD45

Sample text in #669933 colour with #53AD45 background colour.

#53AD45 over22 #868686

Sample text in #53AD45 colour with #868686 background colour.

#868686 over 53AD45

Sample text in #868686 colour with #53AD45 background colour.