Colour code #7C7C7C

#7C7C7C
rgb(124, 124, 124)
rgb(48.6%, 48.6%, 48.6%)

RGB value of #7C7C7C colour is rgb(124, 124, 124) where red value is 124, green value is 124 and the blue value is 124.

Max value from RGB for colour #7C7C7C is 124 which contains mainly Red colour.

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

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

Hex color #7C7C7C is not a web safe color. Nearby web safe colour of #7C7C7C is #666666.

Grayscale color of #7C7C7C is #7B7B7B

Inverted color of #7C7C7C is #838383

OLE colour (RGB Long) of #7C7C7C is 8158332

Decimal Value of #7C7C7C is 8158332

Android / android.graphics.Color of #7C7C7C is -8618884 / 0xFF7C7C7C

The following declarations are allowed (CSS 3.0) for #7C7C7C

Hex Triplets
#7C7C7C
RGB Decimal
rgb(124, 124, 124)
RGB Percent
rgb(48.63%, 48.63%, 48.63%)
RGBA
rgba(124, 124, 124, 1)
HSL
hsl(0, 0%, 48.6%)
HSLA
hsla(0, 0%, 48.6%, 1)

Colour spaces of #7C7C7C

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

    C = 51.37%
    0.51372549019608
    M = 51.37%
    0.51372549019608
    Y = 51.37%
    0.51372549019608
  • HSL (HSI) – hue, saturation, lightness/intensity
    H = 0°
    0
    S = 0%
    0
    L = 48.6%
    0.48627450980392
  • HSV (HSB) – hue, saturation, brightness/value
    H = 0°
    0
    S = 0%
    0
    V = 48.63%
    0.48627450980392
  • CMYK – cyan, magenta, yellow, key/black
    C = 0
    0
    M = 0
    0
    Y = 0
    0
    K = 51.37
    0.51372549019608
  • CIE – International Commission on Illumination
    CIE XYZ
    CIE 1931 XYZ colour space
    X = 19.158
    19.157921923157
    Y = 20.156
    20.15562537944
    Z = 21.949
    21.94947603821

    Yxy
    CIE (x, y, Y)
    Y = 20.156
    20.15562537944
    x = 0.313
    0.31271590722158
    y = 0.329
    0.32900148050666

    Hunter-Lab
    Hunter 1948 colour space
    L = 44.9
    44.895016849802
    a = -2.4
    -2.3954858615633
    b = 2.44
    2.4392315659817

    CIELAB
    CIE 1976 (L*, a*, b*)
    L = 52.01
    52.012710305942
    a = 0
    0.0030843177563078
    b = -0.01
    -0.006102489990778

    CIELUV
    CIE 1976 (L*, u*, v*)
    L = 52.0127
    52.012710305942
    u = 0.0005
    0.0004632613971368
    v = -0.0089
    -0.0088983099758515

    CIELCH
    Cylindrical representation
    L = 52.0127
    52.012710305942
    C = 0.0068
    0.0068376458016938
    H = 296.8129
    296.81292623687

    YIQ
    Luma In-phase Quadrature
    Y = 0.4863
    0.48627450980392
    I = 0
    0
    Q = 0
    0

Base Numbers

Base Red Green Blue
Binary 01111100 01111100 01111100
Octal 174 174 174
Decimal 124 124 124
Hex 7C 7C 7C


RGB Variations of #7C7C7C

(R:7C, G:7C, B:7C)

Monochromatic colours of #7C7C7C

Shade Colour Variation of #7C7C7C (Darker)

A shade is achieved by adding black to any pure hue

Tint Colour Variation of #7C7C7C (Brighter)

Tint is created by mixing white to any pure color

Tones of #7C7C7C colour with more saturation

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

Tones of #7C7C7C colour with less saturation

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

#7C7C7C Colour in CSS Codes


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

Text with hexadecimal font colour #7C7C7C

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


#7C7C7C Background Colour

This div background Colour is #7C7C7C


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


#7C7C7C Border Colour

This div border Colour is #7C7C7C


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

CSS3 Examples


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


Text Shadow with RGB Values

This text has shadow with rgb values.


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


Text Shadow with HEX Values

This text has shadow with hex values.


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


Div Box Shadow

This div box has shadow with Colour # 7C7C7C



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

Related Colours

Colour Compositions

RGB % of Colour #7C7C7C

CMYK % of Colour #7C7C7C

Related Colours along with #7C7C7C

Black background

Sample text in #7C7C7C colour with black background colour.

White background

Sample text in #7C7C7C colour with white background colour.

#7C7C7C over22 #7B7B7B

Sample text in #7C7C7C colour with #7B7B7B background colour.

#7B7B7B over 7C7C7C

Sample text in #7B7B7B colour with #7C7C7C background colour.

#7C7C7C over22 #666666

Sample text in #7C7C7C colour with #666666 background colour.

#666666 over 7C7C7C

Sample text in #666666 colour with #7C7C7C background colour.

#7C7C7C over22 #838383

Sample text in #7C7C7C colour with #838383 background colour.

#838383 over 7C7C7C

Sample text in #838383 colour with #7C7C7C background colour.