"Gray" Colour code #808080

#808080
rgb(128, 128, 128)
rgb(50.2%, 50.2%, 50.2%)

Common name of #808080 (or 0x808080) colour is "Gray".

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

Max value from RGB for colour #808080 is 128 which contains mainly Red colour.

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

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

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

Grayscale color of #808080 is #7F7F7F

Inverted color of #808080 is #7F7F7F

OLE colour (RGB Long) of #808080 is 8421504

Decimal Value of #808080 is 8421504

Android / android.graphics.Color of #808080 is -8355712 / 0xFF808080

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

Hex Triplets
#808080
RGB Decimal
rgb(128, 128, 128)
RGB Percent
rgb(50.2%, 50.2%, 50.2%)
RGBA
rgba(128, 128, 128, 1)
HSL
hsl(0, 0%, 50.2%)
HSLA
hsla(0, 0%, 50.2%, 1)

Colour spaces of #808080 "Gray"

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

    C = 49.8%
    0.49803921568627
    M = 49.8%
    0.49803921568627
    Y = 49.8%
    0.49803921568627
  • HSL (HSI) – hue, saturation, lightness/intensity
    H = 0°
    0
    S = 0%
    0
    L = 50.2%
    0.50196078431373
  • HSV (HSB) – hue, saturation, brightness/value
    H = 0°
    0
    S = 0%
    0
    V = 50.2%
    0.50196078431373
  • CMYK – cyan, magenta, yellow, key/black
    C = 0
    0
    M = 0
    0
    Y = 0
    0
    K = 49.8
    0.49803921568627
  • CIE – International Commission on Illumination
    CIE XYZ
    CIE 1931 XYZ colour space
    X = 20.518
    20.517540535826
    Y = 21.586
    21.58605001139
    Z = 23.507
    23.507208462404

    Yxy
    CIE (x, y, Y)
    Y = 21.586
    21.58605001139
    x = 0.313
    0.31271590722158
    y = 0.329
    0.32900148050666

    Hunter-Lab
    Hunter 1948 colour space
    L = 46.46
    46.460789932361
    a = -2.48
    -2.479031598816
    b = 2.52
    2.5243029925261

    CIELAB
    CIE 1976 (L*, a*, b*)
    L = 53.59
    53.585013452169
    a = 0
    0.0031556203479721
    b = -0.01
    -0.0062435660362459

    CIELUV
    CIE 1976 (L*, u*, v*)
    L = 53.585
    53.585013452169
    u = 0.0005
    0.00047726542320954
    v = -0.0092
    -0.0091672988574317

    CIELCH
    Cylindrical representation
    L = 53.585
    53.585013452169
    C = 0.007
    0.0069957170203989
    H = 296.8129
    296.81292623677

    YIQ
    Luma In-phase Quadrature
    Y = 0.502
    0.50196078431373
    I = -0
    -2.7755575615629E-17
    Q = -0
    -2.7755575615629E-17

Base Numbers

Base Red Green Blue
Binary 10000000 10000000 10000000
Octal 200 200 200
Decimal 128 128 128
Hex 80 80 80


RGB Variations of #808080

(R:80, G:80, B:80)

Monochromatic colours of #808080

Shade Colour Variation of #808080 (Darker)

A shade is achieved by adding black to any pure hue

Tint Colour Variation of #808080 (Brighter)

Tint is created by mixing white to any pure color

Tones of #808080 colour with more saturation

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

Tones of #808080 colour with less saturation

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

#808080 Colour in CSS Codes


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

Text with hexadecimal font colour #808080

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


#808080 Background Colour

This div background Colour is #808080


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


#808080 Border Colour

This div border Colour is #808080


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

CSS3 Examples


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


Text Shadow with RGB Values

This text has shadow with rgb values.


<p style="text-shadow: 4px 4px 2px rgba(128, 128, 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 #808080">Text here</p>


Div Box Shadow

This div box has shadow with Colour # 808080



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

Related Colours

Colour Compositions

RGB % of Colour #808080

CMYK % of Colour #808080

Related Colours along with #808080

Black background

Sample text in #808080 colour with black background colour.

White background

Sample text in #808080 colour with white background colour.

#808080 over22 #7F7F7F

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

#7F7F7F over 808080

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

#808080 over22 #999999

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

#999999 over 808080

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