Colour code #5F6D52

#5F6D52
rgb(95, 109, 82)
rgb(37.3%, 42.7%, 32.2%)

RGB value of #5F6D52 colour is rgb(95, 109, 82) where red value is 95, green value is 109 and the blue value is 82.

Max value from RGB for colour #5F6D52 is 109 which contains mainly Green colour.

Cylindrical-coordinate representations (also known as HSL colours) of colour #5F6D52 hue angle of 91.1°, saturation:14.1% and the lightness value is 37.5%.

The process colour (four Colour CMYK) of #5F6D52 colour is Cyan = 0.13, Magento = 0, Yellow = 0.25, and Key/Black (K on CMYK) = 0.57.

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

Grayscale color of #5F6D52 is #656565

Inverted color of #5F6D52 is #A092AD

OLE colour (RGB Long) of #5F6D52 is 5401951

Decimal Value of #5F6D52 is 6253906

Android / android.graphics.Color of #5F6D52 is -10523310 / 0xFF5F6D52

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

Hex Triplets
#5F6D52
RGB Decimal
rgb(95, 109, 82)
RGB Percent
rgb(37.25%, 42.75%, 32.16%)
RGBA
rgba(95, 109, 82, 1)
HSL
hsl(91.1, 14.1%, 37.5%)
HSLA
hsla(91.1, 14.1%, 37.5%, 1)

Colour spaces of #5F6D52

  • RGB is opposite of CMY. CMY colours are complementary to RGB colours.
    R = 95
    37.25%
    G = 109
    42.75%
    B = 82
    32.16%

    C = 62.75%
    0.62745098039216
    M = 57.25%
    0.57254901960784
    Y = 67.84%
    0.67843137254902
  • HSL (HSI) – hue, saturation, lightness/intensity
    H = 91.1°
    0.25308641975309
    S = 14.1%
    0.1413612565445
    L = 37.5%
    0.37450980392157
  • HSV (HSB) – hue, saturation, brightness/value
    H = 91.1°
    0.25308641975309
    S = 24.77%
    0.24770642201835
    V = 42.75%
    0.42745098039216
  • CMYK – cyan, magenta, yellow, key/black
    C = 12.84
    0.12844036697248
    M = 0
    0
    Y = 24.77
    0.24770642201835
    K = 57.25
    0.57254901960784
  • CIE – International Commission on Illumination
    CIE XYZ
    CIE 1931 XYZ colour space
    X = 11.711
    11.710944630379
    Y = 13.979
    13.979370685675
    Z = 10.064
    10.063698910552

    Yxy
    CIE (x, y, Y)
    Y = 13.979
    13.979370685675
    x = 0.328
    0.32754209236915
    y = 0.391
    0.39098744541173

    Hunter-Lab
    Hunter 1948 colour space
    L = 37.39
    37.388996624241
    a = -9.52
    -9.5211502209642
    b = 10.21
    10.213679800732

    CIELAB
    CIE 1976 (L*, a*, b*)
    L = 44.2
    44.20333217924
    a = -10.69
    -10.69475373595
    b = 13.37
    13.372322290433

    CIELUV
    CIE 1976 (L*, u*, v*)
    L = 44.2033
    44.20333217924
    u = -6.6951
    -6.6950603834943
    v = 18.2365
    18.23652510413

    CIELCH
    Cylindrical representation
    L = 44.2033
    44.20333217924
    C = 17.123
    17.122989251642
    H = 128.6517
    128.65169759168

    YIQ
    Luma In-phase Quadrature
    Y = 0.399
    0.39896470588235
    I = 0.0013
    0.0012666666666666
    Q = -0.0446
    -0.04456862745098

Base Numbers

Base Red Green Blue
Binary 01011111 01101101 01010010
Octal 137 155 122
Decimal 95 109 82
Hex 5F 6D 52


Colour Harmonies : #5F6D52 colour combinations

Complementary colour scheme for #5F6D52

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

Split-complementary colour scheme for #5F6D52

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 #5F6D52 are calculated by changing the hue by ±5/12 (±150°): 91.1° → -58.9° (91.1°-150°), 241.1° (91.1°+150°).

Triadic colours scheme for #5F6D52

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 #5F6D52 are calculated by changing the hue by ±1/3 (±120°): 91.1° → -28.9° (91.1°-120°), 211.1° (91.1°+120°).

Tetradic (Rectangle) colour scheme for #5F6D52

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 #5F6D52 are calculated by changing the hue as follows : 91.1° → 211.1° (91.1°+120°), 271.1° (91.1°+180°), 391.1° (91.1°+300°).


Four tetradic scheme colours (counter-clockwise) for #5F6D52 are calculated by changing the hue as follows : 91.1° → -28.9° (91.1°-120°), -88.9° (91.1°-180°), -208.9° (91.1°-300°).

Tetradic Square Colour Scheme for #5F6D52

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 #5F6D52 are calculated by changing the hue by 1/4 (90°) progressively : 91.1° → 181.1° (91.1°+90°), 271.1° (91.1°+180°), 361.1° (91.1°+270°).

Analagous colours of #5F6D52

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 #5F6D52 are calculated by changing the hue by ±1/12 (i.e. 30°): 91.1° → 121.1° (91.1°+30°), 61.1° (91.1°-30°).

RGB Variations of #5F6D52

(R:5F, G:6D, B:5F)

Monochromatic colours of #5F6D52

Shade Colour Variation of #5F6D52 (Darker)

A shade is achieved by adding black to any pure hue

Tint Colour Variation of #5F6D52 (Brighter)

Tint is created by mixing white to any pure color

Tones of #5F6D52 colour with more saturation

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

Tones of #5F6D52 colour with less saturation

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

#5F6D52 Colour in CSS Codes


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

Text with hexadecimal font colour #5F6D52

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


#5F6D52 Background Colour

This div background Colour is #5F6D52


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


#5F6D52 Border Colour

This div border Colour is #5F6D52


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

CSS3 Examples


.textShadowRgb {
    text-shadow: 4px 4px 2px rgba(95, 109, 82, 0.8);
} 
.textShadowHex { 
    text-shadow: 4px 4px 2px #5F6D52;
}
.divShadow { 
    -moz-box-shadow: 1px 1px 3px 2px #5F6D52;
    -webkit-box-shadow: 1px 1px 3px 2px #5F6D52;
    box-shadow: 1px 1px 3px 2px #5F6D52;
}


Text Shadow with RGB Values

This text has shadow with rgb values.


<p style="text-shadow: 4px 4px 2px rgba(95, 109, 82, 0.8);">Text here</p>


Text Shadow with HEX Values

This text has shadow with hex values.


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


Div Box Shadow

This div box has shadow with Colour # 5F6D52



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

Colour Palettes with #5F6D52

Colour Compositions

RGB % of Colour #5F6D52

CMYK % of Colour #5F6D52

Related Colours along with #5F6D52

Black background

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

White background

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

#5F6D52 over22 #52526D

Sample text in #5F6D52 colour with #52526D background colour.

#52526D over 5F6D52

Sample text in #52526D colour with #5F6D52 background colour.

#5F6D52 over22 #525F6D

Sample text in #5F6D52 colour with #525F6D background colour.

#525F6D over 5F6D52

Sample text in #525F6D colour with #5F6D52 background colour.

#5F6D52 over22 #526C6D

Sample text in #5F6D52 colour with #526C6D background colour.

#526C6D over 5F6D52

Sample text in #526C6D colour with #5F6D52 background colour.

#5F6D52 over22 #526D5F

Sample text in #5F6D52 colour with #526D5F background colour.

#526D5F over 5F6D52

Sample text in #526D5F colour with #5F6D52 background colour.

#5F6D52 over22 #526D60

Sample text in #5F6D52 colour with #526D60 background colour.

#526D60 over 5F6D52

Sample text in #526D60 colour with #5F6D52 background colour.

#5F6D52 over22 #5F526D

Sample text in #5F6D52 colour with #5F526D background colour.

#5F526D over 5F6D52

Sample text in #5F526D colour with #5F6D52 background colour.

#5F6D52 over22 #60526D

Sample text in #5F6D52 colour with #60526D background colour.

#60526D over 5F6D52

Sample text in #60526D colour with #5F6D52 background colour.

#5F6D52 over22 #6D5252

Sample text in #5F6D52 colour with #6D5252 background colour.

#6D5252 over 5F6D52

Sample text in #6D5252 colour with #5F6D52 background colour.

#5F6D52 over22 #6D525F

Sample text in #5F6D52 colour with #6D525F background colour.

#6D525F over 5F6D52

Sample text in #6D525F colour with #5F6D52 background colour.

#5F6D52 over22 #6D526C

Sample text in #5F6D52 colour with #6D526C background colour.

#6D526C over 5F6D52

Sample text in #6D526C colour with #5F6D52 background colour.

#5F6D52 over22 #6D5F52

Sample text in #5F6D52 colour with #6D5F52 background colour.

#6D5F52 over 5F6D52

Sample text in #6D5F52 colour with #5F6D52 background colour.

#5F6D52 over22 #6D6052

Sample text in #5F6D52 colour with #6D6052 background colour.

#6D6052 over 5F6D52

Sample text in #6D6052 colour with #5F6D52 background colour.

#5F6D52 over22 #A092AD

Sample text in #5F6D52 colour with #A092AD background colour.

#A092AD over 5F6D52

Sample text in #A092AD colour with #5F6D52 background colour.

#5F6D52 over22 #656565

Sample text in #5F6D52 colour with #656565 background colour.

#656565 over 5F6D52

Sample text in #656565 colour with #5F6D52 background colour.

#5F6D52 over22 #666666

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

#666666 over 5F6D52

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