Colour code #A3B197

#A3B197
rgb(163, 177, 151)
rgb(63.9%, 69.4%, 59.2%)

RGB value of #A3B197 colour is rgb(163, 177, 151) where red value is 163, green value is 177 and the blue value is 151.

Max value from RGB for colour #A3B197 is 177 which contains mainly Green colour.

Cylindrical-coordinate representations (also known as HSL colours) of colour #A3B197 hue angle of 92.3°, saturation:14.3% and the lightness value is 64.3%.

The process colour (four Colour CMYK) of #A3B197 colour is Cyan = 0.08, Magento = 0, Yellow = 0.15, and Key/Black (K on CMYK) = 0.31.

Hex color #A3B197 is not a web safe color. Nearby web safe colour of #A3B197 is #999999.

Grayscale color of #A3B197 is #A9A9A9

Inverted color of #A3B197 is #5C4E68

OLE colour (RGB Long) of #A3B197 is 9941411

Decimal Value of #A3B197 is 10727831

Android / android.graphics.Color of #A3B197 is -6049385 / 0xFFA3B197

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

Hex Triplets
#A3B197
RGB Decimal
rgb(163, 177, 151)
RGB Percent
rgb(63.92%, 69.41%, 59.22%)
RGBA
rgba(163, 177, 151, 1)
HSL
hsl(92.3, 14.3%, 64.3%)
HSLA
hsla(92.3, 14.3%, 64.3%, 1)

Colour spaces of #A3B197

  • RGB is opposite of CMY. CMY colours are complementary to RGB colours.
    R = 163
    63.92%
    G = 177
    69.41%
    B = 151
    59.22%

    C = 36.08%
    0.36078431372549
    M = 30.59%
    0.30588235294118
    Y = 40.78%
    0.4078431372549
  • HSL (HSI) – hue, saturation, lightness/intensity
    H = 92.3°
    0.25641025641026
    S = 14.3%
    0.14285714285714
    L = 64.3%
    0.64313725490196
  • HSV (HSB) – hue, saturation, brightness/value
    H = 92.3°
    0.25641025641026
    S = 14.69%
    0.14689265536723
    V = 69.41%
    0.69411764705882
  • CMYK – cyan, magenta, yellow, key/black
    C = 7.91
    0.07909604519774
    M = 0
    0
    Y = 14.69
    0.14689265536723
    K = 30.59
    0.30588235294118
  • CIE – International Commission on Illumination
    CIE XYZ
    CIE 1931 XYZ colour space
    X = 36.412
    36.412311635903
    Y = 41.465
    41.465176878276
    Z = 35.363
    35.362602135494

    Yxy
    CIE (x, y, Y)
    Y = 41.465
    41.465176878276
    x = 0.322
    0.32154965107323
    y = 0.366
    0.36617046701734

    Hunter-Lab
    Hunter 1948 colour space
    L = 64.39
    64.393459977141
    a = -11.75
    -11.752875632995
    b = 12.52
    12.515458885918

    CIELAB
    CIE 1976 (L*, a*, b*)
    L = 70.5
    70.500608648905
    a = -9.71
    -9.7081248362527
    b = 11.66
    11.66367037246

    CIELUV
    CIE 1976 (L*, u*, v*)
    L = 70.5006
    70.500608648905
    u = -6.7075
    -6.7075485466238
    v = 18.1675
    18.167523937757

    CIELCH
    Cylindrical representation
    L = 70.5006
    70.500608648905
    C = 15.1753
    15.17527246522
    H = 129.7719
    129.77192394625

    YIQ
    Luma In-phase Quadrature
    Y = 0.6661
    0.66607843137255
    I = 0
    7.8431372548537E-6
    Q = -0.0433
    -0.043349019607843

Base Numbers

Base Red Green Blue
Binary 10100011 10110001 10010111
Octal 243 261 227
Decimal 163 177 151
Hex A3 B1 97


Colour Harmonies : #A3B197 colour combinations

Complementary colour scheme for #A3B197

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

Split-complementary colour scheme for #A3B197

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

Triadic colours scheme for #A3B197

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 #A3B197 are calculated by changing the hue by ±1/3 (±120°): 92.3° → -27.7° (92.3°-120°), 212.3° (92.3°+120°).

Tetradic (Rectangle) colour scheme for #A3B197

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 #A3B197 are calculated by changing the hue as follows : 92.3° → 212.3° (92.3°+120°), 272.3° (92.3°+180°), 392.3° (92.3°+300°).


Four tetradic scheme colours (counter-clockwise) for #A3B197 are calculated by changing the hue as follows : 92.3° → -27.7° (92.3°-120°), -87.7° (92.3°-180°), -207.7° (92.3°-300°).

Tetradic Square Colour Scheme for #A3B197

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 #A3B197 are calculated by changing the hue by 1/4 (90°) progressively : 92.3° → 182.3° (92.3°+90°), 272.3° (92.3°+180°), 362.3° (92.3°+270°).

Analagous colours of #A3B197

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 #A3B197 are calculated by changing the hue by ±1/12 (i.e. 30°): 92.3° → 122.3° (92.3°+30°), 62.3° (92.3°-30°).

RGB Variations of #A3B197

(R:A3, G:B1, B:A3)

Monochromatic colours of #A3B197

Shade Colour Variation of #A3B197 (Darker)

A shade is achieved by adding black to any pure hue

Tint Colour Variation of #A3B197 (Brighter)

Tint is created by mixing white to any pure color

Tones of #A3B197 colour with more saturation

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

Tones of #A3B197 colour with less saturation

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

#A3B197 Colour in CSS Codes


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

Text with hexadecimal font colour #A3B197

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


#A3B197 Background Colour

This div background Colour is #A3B197


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


#A3B197 Border Colour

This div border Colour is #A3B197


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

CSS3 Examples


.textShadowRgb {
    text-shadow: 4px 4px 2px rgba(163, 177, 151, 0.8);
} 
.textShadowHex { 
    text-shadow: 4px 4px 2px #A3B197;
}
.divShadow { 
    -moz-box-shadow: 1px 1px 3px 2px #A3B197;
    -webkit-box-shadow: 1px 1px 3px 2px #A3B197;
    box-shadow: 1px 1px 3px 2px #A3B197;
}


Text Shadow with RGB Values

This text has shadow with rgb values.


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


Text Shadow with HEX Values

This text has shadow with hex values.


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


Div Box Shadow

This div box has shadow with Colour # A3B197



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

Colour Palettes with #A3B197

Colour Compositions

RGB % of Colour #A3B197

CMYK % of Colour #A3B197

Related Colours along with #A3B197

Black background

Sample text in #A3B197 colour with black background colour.

White background

Sample text in #A3B197 colour with white background colour.

#A3B197 over22 #5C4E68

Sample text in #A3B197 colour with #5C4E68 background colour.

#5C4E68 over A3B197

Sample text in #5C4E68 colour with #A3B197 background colour.

#A3B197 over22 #97A3B1

Sample text in #A3B197 colour with #97A3B1 background colour.

#97A3B1 over A3B197

Sample text in #97A3B1 colour with #A3B197 background colour.

#A3B197 over22 #97B0B1

Sample text in #A3B197 colour with #97B0B1 background colour.

#97B0B1 over A3B197

Sample text in #97B0B1 colour with #A3B197 background colour.

#A3B197 over22 #97B1A3

Sample text in #A3B197 colour with #97B1A3 background colour.

#97B1A3 over A3B197

Sample text in #97B1A3 colour with #A3B197 background colour.

#A3B197 over22 #97B1A5

Sample text in #A3B197 colour with #97B1A5 background colour.

#97B1A5 over A3B197

Sample text in #97B1A5 colour with #A3B197 background colour.

#A3B197 over22 #9897B1

Sample text in #A3B197 colour with #9897B1 background colour.

#9897B1 over A3B197

Sample text in #9897B1 colour with #A3B197 background colour.

#A3B197 over22 #A397B1

Sample text in #A3B197 colour with #A397B1 background colour.

#A397B1 over A3B197

Sample text in #A397B1 colour with #A3B197 background colour.

#A3B197 over22 #A597B1

Sample text in #A3B197 colour with #A597B1 background colour.

#A597B1 over A3B197

Sample text in #A597B1 colour with #A3B197 background colour.

#A3B197 over22 #A9A9A9

Sample text in #A3B197 colour with #A9A9A9 background colour.

#A9A9A9 over A3B197

Sample text in #A9A9A9 colour with #A3B197 background colour.

#A3B197 over22 #B197A3

Sample text in #A3B197 colour with #B197A3 background colour.

#B197A3 over A3B197

Sample text in #B197A3 colour with #A3B197 background colour.

#A3B197 over22 #B197B0

Sample text in #A3B197 colour with #B197B0 background colour.

#B197B0 over A3B197

Sample text in #B197B0 colour with #A3B197 background colour.

#A3B197 over22 #B19897

Sample text in #A3B197 colour with #B19897 background colour.

#B19897 over A3B197

Sample text in #B19897 colour with #A3B197 background colour.

#A3B197 over22 #B1A397

Sample text in #A3B197 colour with #B1A397 background colour.

#B1A397 over A3B197

Sample text in #B1A397 colour with #A3B197 background colour.

#A3B197 over22 #B1A597

Sample text in #A3B197 colour with #B1A597 background colour.

#B1A597 over A3B197

Sample text in #B1A597 colour with #A3B197 background colour.

#A3B197 over22 #999999

Sample text in #A3B197 colour with #999999 background colour.

#999999 over A3B197

Sample text in #999999 colour with #A3B197 background colour.