Colour code #4D4D4D

#4D4D4D
rgb(77, 77, 77)
rgb(30.2%, 30.2%, 30.2%)

RGB value of #4D4D4D colour is rgb(77, 77, 77) where red value is 77, green value is 77 and the blue value is 77.

Max value from RGB for colour #4D4D4D is 77 which contains mainly Red colour.

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

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

Hex color #4D4D4D is not a web safe color. Nearby web safe colour of #4D4D4D is #666666.

Grayscale color of #4D4D4D is #4D4D4D

Inverted color of #4D4D4D is #B2B2B2

OLE colour (RGB Long) of #4D4D4D is 5066061

Decimal Value of #4D4D4D is 5066061

Android / android.graphics.Color of #4D4D4D is -11711155 / 0xFF4D4D4D

The following declarations are allowed (CSS 3.0) for #4D4D4D

Hex Triplets
#4D4D4D
RGB Decimal
rgb(77, 77, 77)
RGB Percent
rgb(30.2%, 30.2%, 30.2%)
RGBA
rgba(77, 77, 77, 1)
HSL
hsl(0, 0%, 30.2%)
HSLA
hsla(0, 0%, 30.2%, 1)

Colour spaces of #4D4D4D

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

    C = 69.8%
    0.69803921568627
    M = 69.8%
    0.69803921568627
    Y = 69.8%
    0.69803921568627
  • HSL (HSI) – hue, saturation, lightness/intensity
    H = 0°
    0
    S = 0%
    0
    L = 30.2%
    0.30196078431373
  • HSV (HSB) – hue, saturation, brightness/value
    H = 0°
    0
    S = 0%
    0
    V = 30.2%
    0.30196078431373
  • CMYK – cyan, magenta, yellow, key/black
    C = 0
    0
    M = 0
    0
    Y = 0
    0
    K = 69.8
    0.69803921568627
  • CIE – International Commission on Illumination
    CIE XYZ
    CIE 1931 XYZ colour space
    X = 7.054
    7.0539996745332
    Y = 7.421
    7.421356838015
    Z = 8.082
    8.0818575965983

    Yxy
    CIE (x, y, Y)
    Y = 7.421
    7.421356838015
    x = 0.313
    0.31271590722158
    y = 0.329
    0.32900148050666

    Hunter-Lab
    Hunter 1948 colour space
    L = 27.24
    27.242167384434
    a = -1.45
    -1.4535739462149
    b = 1.48
    1.4801187141143

    CIELAB
    CIE 1976 (L*, a*, b*)
    L = 32.75
    32.747508901723
    a = 0
    0.0022106574874559
    b = -0
    -0.0043739057568715

    CIELUV
    CIE 1976 (L*, u*, v*)
    L = 32.7475
    32.747508901723
    u = 0.0003
    0.00029167210545458
    v = -0.0056
    -0.0056024283954916

    CIELCH
    Cylindrical representation
    L = 32.7475
    32.747508901723
    C = 0.0049
    0.0049008221858009
    H = 296.8129
    296.8129262367

    YIQ
    Luma In-phase Quadrature
    Y = 0.302
    0.30196078431373
    I = 0
    0
    Q = -0
    -1.3877787807814E-17

Base Numbers

Base Red Green Blue
Binary 01001101 01001101 01001101
Octal 115 115 115
Decimal 77 77 77
Hex 4D 4D 4D


RGB Variations of #4D4D4D

(R:4D, G:4D, B:4D)

Monochromatic colours of #4D4D4D

Shade Colour Variation of #4D4D4D (Darker)

A shade is achieved by adding black to any pure hue

Tint Colour Variation of #4D4D4D (Brighter)

Tint is created by mixing white to any pure color

Tones of #4D4D4D colour with more saturation

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

Tones of #4D4D4D colour with less saturation

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

#4D4D4D Colour in CSS Codes


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

Text with hexadecimal font colour #4D4D4D

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


#4D4D4D Background Colour

This div background Colour is #4D4D4D


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


#4D4D4D Border Colour

This div border Colour is #4D4D4D


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

CSS3 Examples


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


Text Shadow with RGB Values

This text has shadow with rgb values.


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


Text Shadow with HEX Values

This text has shadow with hex values.


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


Div Box Shadow

This div box has shadow with Colour # 4D4D4D



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

Related Colours

Colour Compositions

RGB % of Colour #4D4D4D

CMYK % of Colour #4D4D4D

Related Colours along with #4D4D4D

Black background

Sample text in #4D4D4D colour with black background colour.

White background

Sample text in #4D4D4D colour with white background colour.

#4D4D4D over22 #B2B2B2

Sample text in #4D4D4D colour with #B2B2B2 background colour.

#B2B2B2 over 4D4D4D

Sample text in #B2B2B2 colour with #4D4D4D background colour.

#4D4D4D over22 #666666

Sample text in #4D4D4D colour with #666666 background colour.

#666666 over 4D4D4D

Sample text in #666666 colour with #4D4D4D background colour.