Colour code #564356

#564356
rgb(86, 67, 86)
rgb(33.7%, 26.3%, 33.7%)

RGB value of #564356 colour is rgb(86, 67, 86) where red value is 86, green value is 67 and the blue value is 86.

Max value from RGB for colour #564356 is 86 which contains mainly Red colour.

Cylindrical-coordinate representations (also known as HSL colours) of colour #564356 hue angle of 300°, saturation:12.4% and the lightness value is 30%.

The process colour (four Colour CMYK) of #564356 colour is Cyan = 0, Magento = 0.22, Yellow = 0, and Key/Black (K on CMYK) = 0.66.

Hex color #564356 is not a web safe color. Nearby web safe colour of #564356 is #663366.

Grayscale color of #564356 is #4A4A4A

Inverted color of #564356 is #A9BCA9

OLE colour (RGB Long) of #564356 is 5653334

Decimal Value of #564356 is 5653334

Android / android.graphics.Color of #564356 is -11123882 / 0xFF564356

The following declarations are allowed (CSS 3.0) for #564356

Hex Triplets
#564356
RGB Decimal
rgb(86, 67, 86)
RGB Percent
rgb(33.73%, 26.27%, 33.73%)
RGBA
rgba(86, 67, 86, 1)
HSL
hsl(300, 12.4%, 30%)
HSLA
hsla(300, 12.4%, 30%, 1)

Colour spaces of #564356

  • RGB is opposite of CMY. CMY colours are complementary to RGB colours.
    R = 86
    33.73%
    G = 67
    26.27%
    B = 86
    33.73%

    C = 66.27%
    0.66274509803922
    M = 73.73%
    0.73725490196078
    Y = 66.27%
    0.66274509803922
  • HSL (HSI) – hue, saturation, lightness/intensity
    H = 300°
    0.83333333333333
    S = 12.4%
    0.12418300653595
    L = 30%
    0.3
  • HSV (HSB) – hue, saturation, brightness/value
    H = 300°
    0.83333333333333
    S = 22.09%
    0.22093023255814
    V = 33.73%
    0.33725490196078
  • CMYK – cyan, magenta, yellow, key/black
    C = 0
    0
    M = 22.09
    0.22093023255814
    Y = 0
    0
    K = 66.27
    0.66274509803922
  • CIE – International Commission on Illumination
    CIE XYZ
    CIE 1931 XYZ colour space
    X = 7.525
    7.5246207113538
    Y = 6.665
    6.6646288702211
    Z = 9.694
    9.693909818263

    Yxy
    CIE (x, y, Y)
    Y = 6.665
    6.6646288702211
    x = 0.315
    0.31505968642511
    y = 0.279
    0.27905139176295

    Hunter-Lab
    Hunter 1948 colour space
    L = 25.82
    25.815942497265
    a = 6.85
    6.8498271835979
    b = -4.19
    -4.1922890175636

    CIELAB
    CIE 1976 (L*, a*, b*)
    L = 31.03
    31.0309024854
    a = 11.97
    11.974014433096
    b = -8.22
    -8.2173439887376

    CIELUV
    CIE 1976 (L*, u*, v*)
    L = 31.0309
    31.0309024854
    u = 9.0925
    9.0924850200078
    v = -11.7608
    -11.76079527321

    CIELCH
    Cylindrical representation
    L = 31.0309
    31.0309024854
    C = 14.5225
    14.522457225732
    H = 325.5396
    325.53956399029

    YIQ
    Luma In-phase Quadrature
    Y = 0.2935
    0.29351764705882
    I = 0.0205
    0.020490196078431
    Q = 0.039
    0.03896862745098

Base Numbers

Base Red Green Blue
Binary 01010110 01000011 01010110
Octal 126 103 126
Decimal 86 67 86
Hex 56 43 56


Colour Harmonies : #564356 colour combinations

Complementary colour scheme for #564356

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 #564356 colour is calculated by adding 180° to the value of the current hue: 300° → 480° (+180°)

Split-complementary colour scheme for #564356

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

Triadic colours scheme for #564356

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 #564356 are calculated by changing the hue by ±1/3 (±120°): 300° → 180° (300°-120°), 420° (300°+120°).

Tetradic (Rectangle) colour scheme for #564356

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 #564356 are calculated by changing the hue as follows : 300° → 420° (300°+120°), 480° (300°+180°), 600° (300°+300°).


Four tetradic scheme colours (counter-clockwise) for #564356 are calculated by changing the hue as follows : 300° → 180° (300°-120°), 120° (300°-180°), 0° (300°-300°).

Tetradic Square Colour Scheme for #564356

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 #564356 are calculated by changing the hue by 1/4 (90°) progressively : 300° → 390° (300°+90°), 480° (300°+180°), 570° (300°+270°).

Analagous colours of #564356

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 #564356 are calculated by changing the hue by ±1/12 (i.e. 30°): 300° → 330° (300°+30°), 270° (300°-30°).

RGB Variations of #564356

(R:56, G:43, B:56)

Monochromatic colours of #564356

Shade Colour Variation of #564356 (Darker)

A shade is achieved by adding black to any pure hue

Tint Colour Variation of #564356 (Brighter)

Tint is created by mixing white to any pure color

Tones of #564356 colour with more saturation

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

Tones of #564356 colour with less saturation

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

#564356 Colour in CSS Codes


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

Text with hexadecimal font colour #564356

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


#564356 Background Colour

This div background Colour is #564356


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


#564356 Border Colour

This div border Colour is #564356


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

CSS3 Examples


.textShadowRgb {
    text-shadow: 4px 4px 2px rgba(86, 67, 86, 0.8);
} 
.textShadowHex { 
    text-shadow: 4px 4px 2px #564356;
}
.divShadow { 
    -moz-box-shadow: 1px 1px 3px 2px #564356;
    -webkit-box-shadow: 1px 1px 3px 2px #564356;
    box-shadow: 1px 1px 3px 2px #564356;
}


Text Shadow with RGB Values

This text has shadow with rgb values.


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


Text Shadow with HEX Values

This text has shadow with hex values.


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


Div Box Shadow

This div box has shadow with Colour # 564356



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

Colour Compositions

RGB % of Colour #564356

CMYK % of Colour #564356

Related Colours along with #564356

Black background

Sample text in #564356 colour with black background colour.

White background

Sample text in #564356 colour with white background colour.

#564356 over22 #434C56

Sample text in #564356 colour with #434C56 background colour.

#434C56 over 564356

Sample text in #434C56 colour with #564356 background colour.

#564356 over22 #43564C

Sample text in #564356 colour with #43564C background colour.

#43564C over 564356

Sample text in #43564C colour with #564356 background colour.

#564356 over22 #4A4A4A

Sample text in #564356 colour with #4A4A4A background colour.

#4A4A4A over 564356

Sample text in #4A4A4A colour with #564356 background colour.

#564356 over22 #4C5643

Sample text in #564356 colour with #4C5643 background colour.

#4C5643 over 564356

Sample text in #4C5643 colour with #564356 background colour.

#564356 over22 #564C43

Sample text in #564356 colour with #564C43 background colour.

#564C43 over 564356

Sample text in #564C43 colour with #564356 background colour.

#564356 over22 #A9BCA9

Sample text in #564356 colour with #A9BCA9 background colour.

#A9BCA9 over 564356

Sample text in #A9BCA9 colour with #564356 background colour.

#564356 over22 #434356

Sample text in #564356 colour with #434356 background colour.

#434356 over 564356

Sample text in #434356 colour with #564356 background colour.

#564356 over22 #435643

Sample text in #564356 colour with #435643 background colour.

#435643 over 564356

Sample text in #435643 colour with #564356 background colour.

#564356 over22 #435656

Sample text in #564356 colour with #435656 background colour.

#435656 over 564356

Sample text in #435656 colour with #564356 background colour.

#564356 over22 #564343

Sample text in #564356 colour with #564343 background colour.

#564343 over 564356

Sample text in #564343 colour with #564356 background colour.

#564356 over22 #565643

Sample text in #564356 colour with #565643 background colour.

#565643 over 564356

Sample text in #565643 colour with #564356 background colour.

#564356 over22 #663366

Sample text in #564356 colour with #663366 background colour.

#663366 over 564356

Sample text in #663366 colour with #564356 background colour.