Colour code #A2A2A2

#A2A2A2
rgb(162, 162, 162)
rgb(63.5%, 63.5%, 63.5%)

RGB value of #A2A2A2 colour is rgb(162, 162, 162) where red value is 162, green value is 162 and the blue value is 162.

Max value from RGB for colour #A2A2A2 is 162 which contains mainly Red colour.

Cylindrical-coordinate representations (also known as HSL colours) of colour #A2A2A2 hue angle of 0°, saturation:0% and the lightness value is 63.5%.

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

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

Grayscale color of #A2A2A2 is #A2A2A2

Inverted color of #A2A2A2 is #5D5D5D

OLE colour (RGB Long) of #A2A2A2 is 10658466

Decimal Value of #A2A2A2 is 10658466

Android / android.graphics.Color of #A2A2A2 is -6118750 / 0xFFA2A2A2

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

Hex Triplets
#A2A2A2
RGB Decimal
rgb(162, 162, 162)
RGB Percent
rgb(63.53%, 63.53%, 63.53%)
RGBA
rgba(162, 162, 162, 1)
HSL
hsl(0, 0%, 63.5%)
HSLA
hsla(0, 0%, 63.5%, 1)

Colour spaces of #A2A2A2

  • RGB is opposite of CMY. CMY colours are complementary to RGB colours.
    R = 162
    63.53%
    G = 162
    63.53%
    B = 162
    63.53%

    C = 36.47%
    0.36470588235294
    M = 36.47%
    0.36470588235294
    Y = 36.47%
    0.36470588235294
  • HSL (HSI) – hue, saturation, lightness/intensity
    H = 0°
    0
    S = 0%
    0
    L = 63.5%
    0.63529411764706
  • HSV (HSB) – hue, saturation, brightness/value
    H = 0°
    0
    S = 0%
    0
    V = 63.53%
    0.63529411764706
  • CMYK – cyan, magenta, yellow, key/black
    C = 0
    0
    M = 0
    0
    Y = 0
    0
    K = 36.47
    0.36470588235294
  • CIE – International Commission on Illumination
    CIE XYZ
    CIE 1931 XYZ colour space
    X = 34.342
    34.342209418423
    Y = 36.131
    36.130677978351
    Z = 39.346
    39.346308318424

    Yxy
    CIE (x, y, Y)
    Y = 36.131
    36.130677978351
    x = 0.313
    0.31271590722158
    y = 0.329
    0.32900148050666

    Hunter-Lab
    Hunter 1948 colour space
    L = 60.11
    60.108799670557
    a = -3.21
    -3.2072552784217
    b = 3.27
    3.2658252928207

    CIELAB
    CIE 1976 (L*, a*, b*)
    L = 66.62
    66.61965165769
    a = 0
    0.0037467299491833
    b = -0.01
    -0.0074131084471629

    CIELUV
    CIE 1976 (L*, u*, v*)
    L = 66.6197
    66.61965165769
    u = 0.0006
    0.00059336098274681
    v = -0.0114
    -0.011397258620998

    CIELCH
    Cylindrical representation
    L = 66.6197
    66.61965165769
    C = 0.0083
    0.0083061520670829
    H = 296.8129
    296.81292623689

    YIQ
    Luma In-phase Quadrature
    Y = 0.6353
    0.63529411764706
    I = -0
    -5.5511151231258E-17
    Q = -0
    -5.5511151231258E-17

Base Numbers

Base Red Green Blue
Binary 10100010 10100010 10100010
Octal 242 242 242
Decimal 162 162 162
Hex A2 A2 A2


RGB Variations of #A2A2A2

(R:A2, G:A2, B:A2)

Monochromatic colours of #A2A2A2

Shade Colour Variation of #A2A2A2 (Darker)

A shade is achieved by adding black to any pure hue

Tint Colour Variation of #A2A2A2 (Brighter)

Tint is created by mixing white to any pure color

Tones of #A2A2A2 colour with more saturation

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

Tones of #A2A2A2 colour with less saturation

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

#A2A2A2 Colour in CSS Codes


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

Text with hexadecimal font colour #A2A2A2

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


#A2A2A2 Background Colour

This div background Colour is #A2A2A2


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


#A2A2A2 Border Colour

This div border Colour is #A2A2A2


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

CSS3 Examples


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


Text Shadow with RGB Values

This text has shadow with rgb values.


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


Text Shadow with HEX Values

This text has shadow with hex values.


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


Div Box Shadow

This div box has shadow with Colour # A2A2A2



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

Related Colours

Colour Compositions

RGB % of Colour #A2A2A2

CMYK % of Colour #A2A2A2

Related Colours along with #A2A2A2

Black background

Sample text in #A2A2A2 colour with black background colour.

White background

Sample text in #A2A2A2 colour with white background colour.

#A2A2A2 over22 #5D5D5D

Sample text in #A2A2A2 colour with #5D5D5D background colour.

#5D5D5D over A2A2A2

Sample text in #5D5D5D colour with #A2A2A2 background colour.

#A2A2A2 over22 #999999

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

#999999 over A2A2A2

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