Colour code #A76C7D

#A76C7D
rgb(167, 108, 125)
rgb(65.5%, 42.4%, 49%)

RGB value of #A76C7D colour is rgb(167, 108, 125) where red value is 167, green value is 108 and the blue value is 125.

Max value from RGB for colour #A76C7D is 167 which contains mainly Red colour.

Cylindrical-coordinate representations (also known as HSL colours) of colour #A76C7D hue angle of 342.7°, saturation:25.1% and the lightness value is 53.9%.

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

Hex color #A76C7D is not a web safe color. Nearby web safe colour of #A76C7D is #996666.

Grayscale color of #A76C7D is #7F7F7F

Inverted color of #A76C7D is #589382

OLE colour (RGB Long) of #A76C7D is 8219815

Decimal Value of #A76C7D is 10972285

Android / android.graphics.Color of #A76C7D is -5804931 / 0xFFA76C7D

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

Hex Triplets
#A76C7D
RGB Decimal
rgb(167, 108, 125)
RGB Percent
rgb(65.49%, 42.35%, 49.02%)
RGBA
rgba(167, 108, 125, 1)
HSL
hsl(342.7, 25.1%, 53.9%)
HSLA
hsla(342.7, 25.1%, 53.9%, 1)

Colour spaces of #A76C7D

  • RGB is opposite of CMY. CMY colours are complementary to RGB colours.
    R = 167
    65.49%
    G = 108
    42.35%
    B = 125
    49.02%

    C = 34.51%
    0.34509803921569
    M = 57.65%
    0.57647058823529
    Y = 50.98%
    0.50980392156863
  • HSL (HSI) – hue, saturation, lightness/intensity
    H = 342.7°
    0.95197740112994
    S = 25.1%
    0.25106382978723
    L = 53.9%
    0.53921568627451
  • HSV (HSB) – hue, saturation, brightness/value
    H = 342.7°
    0.95197740112994
    S = 35.33%
    0.35329341317365
    V = 65.49%
    0.65490196078431
  • CMYK – cyan, magenta, yellow, key/black
    C = 0
    0
    M = 35.33
    0.35329341317365
    Y = 25.15
    0.25149700598802
    K = 34.51
    0.34509803921569
  • CIE – International Commission on Illumination
    CIE XYZ
    CIE 1931 XYZ colour space
    X = 25.001
    25.00058312485
    Y = 20.421
    20.421282406305
    Z = 22.026
    22.026063395651

    Yxy
    CIE (x, y, Y)
    Y = 20.421
    20.421282406305
    x = 0.371
    0.3706649488375
    y = 0.303
    0.3027710817995

    Hunter-Lab
    Hunter 1948 colour space
    L = 45.19
    45.18991304075
    a = 19.67
    19.669868934707
    b = 2.73
    2.7343374084789

    CIELAB
    CIE 1976 (L*, a*, b*)
    L = 52.31
    52.310216163886
    a = 25.92
    25.921105487868
    b = 0.37
    0.37060263186475

    CIELUV
    CIE 1976 (L*, u*, v*)
    L = 52.3102
    52.310216163886
    u = 36.5878
    36.587762219011
    v = -3.9775
    -3.9774980530146

    CIELCH
    Cylindrical representation
    L = 52.3102
    52.310216163886
    C = 25.9238
    25.92375466679
    H = 0.8191
    0.81912092954094

    YIQ
    Luma In-phase Quadrature
    Y = 0.5003
    0.50030980392157
    I = 0.1165
    0.11649803921569
    Q = 0.0698
    0.06978431372549

Base Numbers

Base Red Green Blue
Binary 10100111 01101100 01111101
Octal 247 154 175
Decimal 167 108 125
Hex A7 6C 7D


Colour Harmonies : #A76C7D colour combinations

Complementary colour scheme for #A76C7D

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

Split-complementary colour scheme for #A76C7D

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

Triadic colours scheme for #A76C7D

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 #A76C7D are calculated by changing the hue by ±1/3 (±120°): 342.7° → 222.7° (342.7°-120°), 462.7° (342.7°+120°).

Tetradic (Rectangle) colour scheme for #A76C7D

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 #A76C7D are calculated by changing the hue as follows : 342.7° → 462.7° (342.7°+120°), 522.7° (342.7°+180°), 642.7° (342.7°+300°).


Four tetradic scheme colours (counter-clockwise) for #A76C7D are calculated by changing the hue as follows : 342.7° → 222.7° (342.7°-120°), 162.7° (342.7°-180°), 42.7° (342.7°-300°).

Tetradic Square Colour Scheme for #A76C7D

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 #A76C7D are calculated by changing the hue by 1/4 (90°) progressively : 342.7° → 432.7° (342.7°+90°), 522.7° (342.7°+180°), 612.7° (342.7°+270°).

Analagous colours of #A76C7D

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 #A76C7D are calculated by changing the hue by ±1/12 (i.e. 30°): 342.7° → 372.7° (342.7°+30°), 312.7° (342.7°-30°).

RGB Variations of #A76C7D

(R:A7, G:6C, B:A7)

Monochromatic colours of #A76C7D

Shade Colour Variation of #A76C7D (Darker)

A shade is achieved by adding black to any pure hue

Tint Colour Variation of #A76C7D (Brighter)

Tint is created by mixing white to any pure color

Tones of #A76C7D colour with more saturation

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

Tones of #A76C7D colour with less saturation

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

#A76C7D Colour in CSS Codes


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

Text with hexadecimal font colour #A76C7D

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


#A76C7D Background Colour

This div background Colour is #A76C7D


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


#A76C7D Border Colour

This div border Colour is #A76C7D


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

CSS3 Examples


.textShadowRgb {
    text-shadow: 4px 4px 2px rgba(167, 108, 125, 0.8);
} 
.textShadowHex { 
    text-shadow: 4px 4px 2px #A76C7D;
}
.divShadow { 
    -moz-box-shadow: 1px 1px 3px 2px #A76C7D;
    -webkit-box-shadow: 1px 1px 3px 2px #A76C7D;
    box-shadow: 1px 1px 3px 2px #A76C7D;
}


Text Shadow with RGB Values

This text has shadow with rgb values.


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


Text Shadow with HEX Values

This text has shadow with hex values.


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


Div Box Shadow

This div box has shadow with Colour # A76C7D



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

Colour Palettes with #A76C7D

Colour Compositions

RGB % of Colour #A76C7D

CMYK % of Colour #A76C7D

Related Colours along with #A76C7D

Black background

Sample text in #A76C7D colour with black background colour.

White background

Sample text in #A76C7D colour with white background colour.

#A76C7D over22 #6C7DA7

Sample text in #A76C7D colour with #6C7DA7 background colour.

#6C7DA7 over A76C7D

Sample text in #6C7DA7 colour with #A76C7D background colour.

#A76C7D over22 #6C9BA7

Sample text in #A76C7D colour with #6C9BA7 background colour.

#6C9BA7 over A76C7D

Sample text in #6C9BA7 colour with #A76C7D background colour.

#A76C7D over22 #6CA779

Sample text in #A76C7D colour with #6CA779 background colour.

#6CA779 over A76C7D

Sample text in #6CA779 colour with #A76C7D background colour.

#A76C7D over22 #6CA77D

Sample text in #A76C7D colour with #6CA77D background colour.

#6CA77D over A76C7D

Sample text in #6CA77D colour with #A76C7D background colour.

#A76C7D over22 #6CA796

Sample text in #A76C7D colour with #6CA796 background colour.

#6CA796 over A76C7D

Sample text in #6CA796 colour with #A76C7D background colour.

#A76C7D over22 #796CA7

Sample text in #A76C7D colour with #796CA7 background colour.

#796CA7 over A76C7D

Sample text in #796CA7 colour with #A76C7D background colour.

#A76C7D over22 #7D6CA7

Sample text in #A76C7D colour with #7D6CA7 background colour.

#7D6CA7 over A76C7D

Sample text in #7D6CA7 colour with #A76C7D background colour.

#A76C7D over22 #7DA76C

Sample text in #A76C7D colour with #7DA76C background colour.

#7DA76C over A76C7D

Sample text in #7DA76C colour with #A76C7D background colour.

#A76C7D over22 #7F7F7F

Sample text in #A76C7D colour with #7F7F7F background colour.

#7F7F7F over A76C7D

Sample text in #7F7F7F colour with #A76C7D background colour.

#A76C7D over22 #966CA7

Sample text in #A76C7D colour with #966CA7 background colour.

#966CA7 over A76C7D

Sample text in #966CA7 colour with #A76C7D background colour.

#A76C7D over22 #9BA76C

Sample text in #A76C7D colour with #9BA76C background colour.

#9BA76C over A76C7D

Sample text in #9BA76C colour with #A76C7D background colour.

#A76C7D over22 #A77D6C

Sample text in #A76C7D colour with #A77D6C background colour.

#A77D6C over A76C7D

Sample text in #A77D6C colour with #A76C7D background colour.

#A76C7D over22 #A7966C

Sample text in #A76C7D colour with #A7966C background colour.

#A7966C over A76C7D

Sample text in #A7966C colour with #A76C7D background colour.

#A76C7D over22 #589382

Sample text in #A76C7D colour with #589382 background colour.

#589382 over A76C7D

Sample text in #589382 colour with #A76C7D background colour.

#A76C7D over22 #996666

Sample text in #A76C7D colour with #996666 background colour.

#996666 over A76C7D

Sample text in #996666 colour with #A76C7D background colour.