Colour code #5A7655

#5A7655
rgb(90, 118, 85)
rgb(35.3%, 46.3%, 33.3%)

RGB value of #5A7655 colour is rgb(90, 118, 85) where red value is 90, green value is 118 and the blue value is 85.

Max value from RGB for colour #5A7655 is 118 which contains mainly Green colour.

Cylindrical-coordinate representations (also known as HSL colours) of colour #5A7655 hue angle of 110.9°, saturation:16.3% and the lightness value is 39.8%.

The process colour (four Colour CMYK) of #5A7655 colour is Cyan = 0.24, Magento = 0, Yellow = 0.28, and Key/Black (K on CMYK) = 0.54.

Hex color #5A7655 is not a web safe color. Nearby web safe colour of #5A7655 is #666666.

Grayscale color of #5A7655 is #696969

Inverted color of #5A7655 is #A589AA

OLE colour (RGB Long) of #5A7655 is 5600858

Decimal Value of #5A7655 is 5928533

Android / android.graphics.Color of #5A7655 is -10848683 / 0xFF5A7655

The following declarations are allowed (CSS 3.0) for #5A7655

Hex Triplets
#5A7655
RGB Decimal
rgb(90, 118, 85)
RGB Percent
rgb(35.29%, 46.27%, 33.33%)
RGBA
rgba(90, 118, 85, 1)
HSL
hsl(110.9, 16.3%, 39.8%)
HSLA
hsla(110.9, 16.3%, 39.8%, 1)

Colour spaces of #5A7655

  • RGB is opposite of CMY. CMY colours are complementary to RGB colours.
    R = 90
    35.29%
    G = 118
    46.27%
    B = 85
    33.33%

    C = 64.71%
    0.64705882352941
    M = 53.73%
    0.53725490196078
    Y = 66.67%
    0.66666666666667
  • HSL (HSI) – hue, saturation, lightness/intensity
    H = 110.9°
    0.30808080808081
    S = 16.3%
    0.16256157635468
    L = 39.8%
    0.39803921568627
  • HSV (HSB) – hue, saturation, brightness/value
    H = 110.9°
    0.30808080808081
    S = 27.97%
    0.27966101694915
    V = 46.27%
    0.46274509803922
  • CMYK – cyan, magenta, yellow, key/black
    C = 23.73
    0.23728813559322
    M = 0
    0
    Y = 27.97
    0.27966101694915
    K = 53.73
    0.53725490196078
  • CIE – International Commission on Illumination
    CIE XYZ
    CIE 1931 XYZ colour space
    X = 12.335
    12.334575333789
    Y = 15.786
    15.786403148947
    Z = 10.991
    10.991308984301

    Yxy
    CIE (x, y, Y)
    Y = 15.786
    15.786403148947
    x = 0.315
    0.31536317951703
    y = 0.404
    0.40361748625036

    Hunter-Lab
    Hunter 1948 colour space
    L = 39.73
    39.732106851949
    a = -14.12
    -14.117017657143
    b = 11.41
    11.410759374942

    CIELAB
    CIE 1976 (L*, a*, b*)
    L = 46.69
    46.693000014353
    a = -17.09
    -17.085830458442
    b = 14.97
    14.967775377447

    CIELUV
    CIE 1976 (L*, u*, v*)
    L = 46.693
    46.693000014353
    u = -13.9285
    -13.928519600601
    v = 21.4264
    21.42641926584

    CIELCH
    Cylindrical representation
    L = 46.693
    46.693000014353
    C = 22.7148
    22.71475076254
    H = 138.7805
    138.78052475337

    YIQ
    Luma In-phase Quadrature
    Y = 0.4152
    0.41516078431373
    I = -0.0239
    -0.023901960784314
    Q = -0.0635
    -0.063525490196078

Base Numbers

Base Red Green Blue
Binary 01011010 01110110 01010101
Octal 132 166 125
Decimal 90 118 85
Hex 5A 76 55


Colour Harmonies : #5A7655 colour combinations

Complementary colour scheme for #5A7655

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 #5A7655 colour is calculated by adding 180° to the value of the current hue: 110.9° → 290.9° (+180°)

Split-complementary colour scheme for #5A7655

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 #5A7655 are calculated by changing the hue by ±5/12 (±150°): 110.9° → -39.1° (110.9°-150°), 260.9° (110.9°+150°).

Triadic colours scheme for #5A7655

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 #5A7655 are calculated by changing the hue by ±1/3 (±120°): 110.9° → -9.1° (110.9°-120°), 230.9° (110.9°+120°).

Tetradic (Rectangle) colour scheme for #5A7655

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 #5A7655 are calculated by changing the hue as follows : 110.9° → 230.9° (110.9°+120°), 290.9° (110.9°+180°), 410.9° (110.9°+300°).


Four tetradic scheme colours (counter-clockwise) for #5A7655 are calculated by changing the hue as follows : 110.9° → -9.1° (110.9°-120°), -69.1° (110.9°-180°), -189.1° (110.9°-300°).

Tetradic Square Colour Scheme for #5A7655

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 #5A7655 are calculated by changing the hue by 1/4 (90°) progressively : 110.9° → 200.9° (110.9°+90°), 290.9° (110.9°+180°), 380.9° (110.9°+270°).

Analagous colours of #5A7655

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 #5A7655 are calculated by changing the hue by ±1/12 (i.e. 30°): 110.9° → 140.9° (110.9°+30°), 80.9° (110.9°-30°).

RGB Variations of #5A7655

(R:5A, G:76, B:5A)

Monochromatic colours of #5A7655

Shade Colour Variation of #5A7655 (Darker)

A shade is achieved by adding black to any pure hue

Tint Colour Variation of #5A7655 (Brighter)

Tint is created by mixing white to any pure color

Tones of #5A7655 colour with more saturation

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

Tones of #5A7655 colour with less saturation

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

#5A7655 Colour in CSS Codes


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

Text with hexadecimal font colour #5A7655

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


#5A7655 Background Colour

This div background Colour is #5A7655


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


#5A7655 Border Colour

This div border Colour is #5A7655


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

CSS3 Examples


.textShadowRgb {
    text-shadow: 4px 4px 2px rgba(90, 118, 85, 0.8);
} 
.textShadowHex { 
    text-shadow: 4px 4px 2px #5A7655;
}
.divShadow { 
    -moz-box-shadow: 1px 1px 3px 2px #5A7655;
    -webkit-box-shadow: 1px 1px 3px 2px #5A7655;
    box-shadow: 1px 1px 3px 2px #5A7655;
}


Text Shadow with RGB Values

This text has shadow with rgb values.


<p style="text-shadow: 4px 4px 2px rgba(90, 118, 85, 0.8);">Text here</p>


Text Shadow with HEX Values

This text has shadow with hex values.


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


Div Box Shadow

This div box has shadow with Colour # 5A7655



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

Colour Palettes with #5A7655

Colour Compositions

RGB % of Colour #5A7655

CMYK % of Colour #5A7655

Related Colours along with #5A7655

Black background

Sample text in #5A7655 colour with black background colour.

White background

Sample text in #5A7655 colour with white background colour.

#5A7655 over22 #555A76

Sample text in #5A7655 colour with #555A76 background colour.

#555A76 over 5A7655

Sample text in #555A76 colour with #5A7655 background colour.

#5A7655 over22 #556A76

Sample text in #5A7655 colour with #556A76 background colour.

#556A76 over 5A7655

Sample text in #556A76 colour with #5A7655 background colour.

#5A7655 over22 #55765A

Sample text in #5A7655 colour with #55765A background colour.

#55765A over 5A7655

Sample text in #55765A colour with #5A7655 background colour.

#5A7655 over22 #5A5576

Sample text in #5A7655 colour with #5A5576 background colour.

#5A5576 over 5A7655

Sample text in #5A5576 colour with #5A7655 background colour.

#5A7655 over22 #76555A

Sample text in #5A7655 colour with #76555A background colour.

#76555A over 5A7655

Sample text in #76555A colour with #5A7655 background colour.

#5A7655 over22 #76556A

Sample text in #5A7655 colour with #76556A background colour.

#76556A over 5A7655

Sample text in #76556A colour with #5A7655 background colour.

#5A7655 over22 #765A55

Sample text in #5A7655 colour with #765A55 background colour.

#765A55 over 5A7655

Sample text in #765A55 colour with #5A7655 background colour.

#5A7655 over22 #A589AA

Sample text in #5A7655 colour with #A589AA background colour.

#A589AA over 5A7655

Sample text in #A589AA colour with #5A7655 background colour.

#5A7655 over22 #557671

Sample text in #5A7655 colour with #557671 background colour.

#557671 over 5A7655

Sample text in #557671 colour with #5A7655 background colour.

#5A7655 over22 #605576

Sample text in #5A7655 colour with #605576 background colour.

#605576 over 5A7655

Sample text in #605576 colour with #5A7655 background colour.

#5A7655 over22 #666666

Sample text in #5A7655 colour with #666666 background colour.

#666666 over 5A7655

Sample text in #666666 colour with #5A7655 background colour.

#5A7655 over22 #696969

Sample text in #5A7655 colour with #696969 background colour.

#696969 over 5A7655

Sample text in #696969 colour with #5A7655 background colour.

#5A7655 over22 #715576

Sample text in #5A7655 colour with #715576 background colour.

#715576 over 5A7655

Sample text in #715576 colour with #5A7655 background colour.

#5A7655 over22 #766055

Sample text in #5A7655 colour with #766055 background colour.

#766055 over 5A7655

Sample text in #766055 colour with #5A7655 background colour.

#5A7655 over22 #767155

Sample text in #5A7655 colour with #767155 background colour.

#767155 over 5A7655

Sample text in #767155 colour with #5A7655 background colour.