Colour code #826780

#826780
rgb(130, 103, 128)
rgb(51%, 40.4%, 50.2%)

RGB value of #826780 colour is rgb(130, 103, 128) where red value is 130, green value is 103 and the blue value is 128.

Max value from RGB for colour #826780 is 130 which contains mainly Red colour.

Cylindrical-coordinate representations (also known as HSL colours) of colour #826780 hue angle of 304.4°, saturation:11.6% and the lightness value is 45.7%.

The process colour (four Colour CMYK) of #826780 colour is Cyan = 0, Magento = 0.21, Yellow = 0.02, and Key/Black (K on CMYK) = 0.49.

Hex color #826780 is not a web safe color. Nearby web safe colour of #826780 is #996699.

Grayscale color of #826780 is #717171

Inverted color of #826780 is #7D987F

OLE colour (RGB Long) of #826780 is 8415106

Decimal Value of #826780 is 8546176

Android / android.graphics.Color of #826780 is -8231040 / 0xFF826780

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

Hex Triplets
#826780
RGB Decimal
rgb(130, 103, 128)
RGB Percent
rgb(50.98%, 40.39%, 50.2%)
RGBA
rgba(130, 103, 128, 1)
HSL
hsl(304.4, 11.6%, 45.7%)
HSLA
hsla(304.4, 11.6%, 45.7%, 1)

Colour spaces of #826780

  • RGB is opposite of CMY. CMY colours are complementary to RGB colours.
    R = 130
    50.98%
    G = 103
    40.39%
    B = 128
    50.2%

    C = 49.02%
    0.49019607843137
    M = 59.61%
    0.59607843137255
    Y = 49.8%
    0.49803921568627
  • HSL (HSI) – hue, saturation, lightness/intensity
    H = 304.4°
    0.84567901234568
    S = 11.6%
    0.11587982832618
    L = 45.7%
    0.45686274509804
  • HSV (HSB) – hue, saturation, brightness/value
    H = 304.4°
    0.84567901234568
    S = 20.77%
    0.20769230769231
    V = 50.98%
    0.50980392156863
  • CMYK – cyan, magenta, yellow, key/black
    C = 0
    0
    M = 20.77
    0.20769230769231
    Y = 1.54
    0.015384615384615
    K = 49.02
    0.49019607843137
  • CIE – International Commission on Illumination
    CIE XYZ
    CIE 1931 XYZ colour space
    X = 17.952
    17.952450855271
    Y = 16.005
    16.004834920318
    Z = 22.565
    22.565119782938

    Yxy
    CIE (x, y, Y)
    Y = 16.005
    16.004834920318
    x = 0.318
    0.31761653945677
    y = 0.283
    0.28315912534447

    Hunter-Lab
    Hunter 1948 colour space
    L = 40.01
    40.006043193895
    a = 10.09
    10.090134749239
    b = -5.44
    -5.4378661357169

    CIELAB
    CIE 1976 (L*, a*, b*)
    L = 46.98
    46.980831329396
    a = 15.41
    15.409694845931
    b = -9.77
    -9.7680613129186

    CIELUV
    CIE 1976 (L*, u*, v*)
    L = 46.9808
    46.980831329396
    u = 13.8181
    13.818100214842
    v = -15.944
    -15.944049998324

    CIELCH
    Cylindrical representation
    L = 46.9808
    46.980831329396
    C = 18.2448
    18.244827131482
    H = 327.6298
    327.62977228336

    YIQ
    Luma In-phase Quadrature
    Y = 0.4468
    0.4467568627451
    I = 0.0316
    0.031635294117647
    Q = 0.0529
    0.052937254901961

Base Numbers

Base Red Green Blue
Binary 10000010 01100111 10000000
Octal 202 147 200
Decimal 130 103 128
Hex 82 67 80


Colour Harmonies : #826780 colour combinations

Complementary colour scheme for #826780

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

Split-complementary colour scheme for #826780

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

Triadic colours scheme for #826780

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 #826780 are calculated by changing the hue by ±1/3 (±120°): 304.4° → 184.4° (304.4°-120°), 424.4° (304.4°+120°).

Tetradic (Rectangle) colour scheme for #826780

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 #826780 are calculated by changing the hue as follows : 304.4° → 424.4° (304.4°+120°), 484.4° (304.4°+180°), 604.4° (304.4°+300°).


Four tetradic scheme colours (counter-clockwise) for #826780 are calculated by changing the hue as follows : 304.4° → 184.4° (304.4°-120°), 124.4° (304.4°-180°), 4.4° (304.4°-300°).

Tetradic Square Colour Scheme for #826780

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 #826780 are calculated by changing the hue by 1/4 (90°) progressively : 304.4° → 394.4° (304.4°+90°), 484.4° (304.4°+180°), 574.4° (304.4°+270°).

Analagous colours of #826780

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 #826780 are calculated by changing the hue by ±1/12 (i.e. 30°): 304.4° → 334.4° (304.4°+30°), 274.4° (304.4°-30°).

RGB Variations of #826780

(R:82, G:67, B:82)

Monochromatic colours of #826780

Shade Colour Variation of #826780 (Darker)

A shade is achieved by adding black to any pure hue

Tint Colour Variation of #826780 (Brighter)

Tint is created by mixing white to any pure color

Tones of #826780 colour with more saturation

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

Tones of #826780 colour with less saturation

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

#826780 Colour in CSS Codes


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

Text with hexadecimal font colour #826780

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


#826780 Background Colour

This div background Colour is #826780


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


#826780 Border Colour

This div border Colour is #826780


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

CSS3 Examples


.textShadowRgb {
    text-shadow: 4px 4px 2px rgba(130, 103, 128, 0.8);
} 
.textShadowHex { 
    text-shadow: 4px 4px 2px #826780;
}
.divShadow { 
    -moz-box-shadow: 1px 1px 3px 2px #826780;
    -webkit-box-shadow: 1px 1px 3px 2px #826780;
    box-shadow: 1px 1px 3px 2px #826780;
}


Text Shadow with RGB Values

This text has shadow with rgb values.


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


Text Shadow with HEX Values

This text has shadow with hex values.


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


Div Box Shadow

This div box has shadow with Colour # 826780



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

Colour Palettes with #826780

Colour Compositions

RGB % of Colour #826780

CMYK % of Colour #826780

Related Colours along with #826780

Black background

Sample text in #826780 colour with black background colour.

White background

Sample text in #826780 colour with white background colour.

#826780 over22 #7D987F

Sample text in #826780 colour with #7D987F background colour.

#7D987F over 826780

Sample text in #7D987F colour with #826780 background colour.

#826780 over22 #677282

Sample text in #826780 colour with #677282 background colour.

#677282 over 826780

Sample text in #677282 colour with #826780 background colour.

#826780 over22 #678082

Sample text in #826780 colour with #678082 background colour.

#678082 over 826780

Sample text in #678082 colour with #826780 background colour.

#826780 over22 #678269

Sample text in #826780 colour with #678269 background colour.

#678269 over 826780

Sample text in #678269 colour with #826780 background colour.

#826780 over22 #678276

Sample text in #826780 colour with #678276 background colour.

#678276 over 826780

Sample text in #678276 colour with #826780 background colour.

#826780 over22 #678280

Sample text in #826780 colour with #678280 background colour.

#678280 over 826780

Sample text in #678280 colour with #826780 background colour.

#826780 over22 #696782

Sample text in #826780 colour with #696782 background colour.

#696782 over 826780

Sample text in #696782 colour with #826780 background colour.

#826780 over22 #717171

Sample text in #826780 colour with #717171 background colour.

#717171 over 826780

Sample text in #717171 colour with #826780 background colour.

#826780 over22 #728267

Sample text in #826780 colour with #728267 background colour.

#728267 over 826780

Sample text in #728267 colour with #826780 background colour.

#826780 over22 #806782

Sample text in #826780 colour with #806782 background colour.

#806782 over 826780

Sample text in #806782 colour with #826780 background colour.

#826780 over22 #808267

Sample text in #826780 colour with #808267 background colour.

#808267 over 826780

Sample text in #808267 colour with #826780 background colour.

#826780 over22 #826967

Sample text in #826780 colour with #826967 background colour.

#826967 over 826780

Sample text in #826967 colour with #826780 background colour.

#826780 over22 #827667

Sample text in #826780 colour with #827667 background colour.

#827667 over 826780

Sample text in #827667 colour with #826780 background colour.

#826780 over22 #828067

Sample text in #826780 colour with #828067 background colour.

#828067 over 826780

Sample text in #828067 colour with #826780 background colour.

#826780 over22 #996699

Sample text in #826780 colour with #996699 background colour.

#996699 over 826780

Sample text in #996699 colour with #826780 background colour.