Colour code #666666

#666666
rgb(102, 102, 102)
rgb(40%, 40%, 40%)

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

Max value from RGB for colour #666666 is 102 which contains mainly Red colour.

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

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

#666666 is a web safe colour.

Grayscale color of #666666 is #666666

Inverted color of #666666 is #999999

OLE colour (RGB Long) of #666666 is 6710886

Decimal Value of #666666 is 6710886

Android / android.graphics.Color of #666666 is -10066330 / 0xFF666666

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

Hex Triplets
#666666
RGB Decimal
rgb(102, 102, 102)
RGB Percent
rgb(40%, 40%, 40%)
RGBA
rgba(102, 102, 102, 1)
HSL
hsl(0, 0%, 40%)
HSLA
hsla(0, 0%, 40%, 1)

Colour spaces of #666666

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

    C = 60%
    0.6
    M = 60%
    0.6
    Y = 60%
    0.6
  • HSL (HSI) – hue, saturation, lightness/intensity
    H = 0°
    0
    S = 0%
    0
    L = 40%
    0.4
  • HSV (HSB) – hue, saturation, brightness/value
    H = 0°
    0
    S = 0%
    0
    V = 40%
    0.4
  • CMYK – cyan, magenta, yellow, key/black
    C = 0
    0
    M = 0
    0
    Y = 0
    0
    K = 60
    0.6
  • CIE – International Commission on Illumination
    CIE XYZ
    CIE 1931 XYZ colour space
    X = 12.629
    12.62913396369
    Y = 13.287
    13.286832155382
    Z = 14.469
    14.469360217211

    Yxy
    CIE (x, y, Y)
    Y = 13.287
    13.286832155382
    x = 0.313
    0.31271590722158
    y = 0.329
    0.32900148050666

    Hunter-Lab
    Hunter 1948 colour space
    L = 36.45
    36.451107192213
    a = -1.94
    -1.9449399520085
    b = 1.98
    1.9804579108566

    CIELAB
    CIE 1976 (L*, a*, b*)
    L = 43.19
    43.192289562985
    a = 0
    0.0026843192825754
    b = -0.01
    -0.0053110713124749

    CIELUV
    CIE 1976 (L*, u*, v*)
    L = 43.1923
    43.192289562985
    u = 0.0004
    0.00038470059124334
    v = -0.0074
    -0.0073893165504638

    CIELCH
    Cylindrical representation
    L = 43.1923
    43.192289562985
    C = 0.006
    0.0059508863622993
    H = 296.8129
    296.8129262367

    YIQ
    Luma In-phase Quadrature
    Y = 0.4
    0.4
    I = -0
    -2.7755575615629E-17
    Q = -0
    -1.3877787807814E-17

Base Numbers

Base Red Green Blue
Binary 01100110 01100110 01100110
Octal 146 146 146
Decimal 102 102 102
Hex 66 66 66


RGB Variations of #666666

(R:66, G:66, B:66)

Monochromatic colours of #666666

Shade Colour Variation of #666666 (Darker)

A shade is achieved by adding black to any pure hue

Tint Colour Variation of #666666 (Brighter)

Tint is created by mixing white to any pure color

Tones of #666666 colour with more saturation

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

Tones of #666666 colour with less saturation

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

#666666 Colour in CSS Codes


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

Text with hexadecimal font colour #666666

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


#666666 Background Colour

This div background Colour is #666666


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


#666666 Border Colour

This div border Colour is #666666


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

CSS3 Examples


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


Text Shadow with RGB Values

This text has shadow with rgb values.


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


Text Shadow with HEX Values

This text has shadow with hex values.


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


Div Box Shadow

This div box has shadow with Colour # 666666



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

Related Colours

Colour Compositions

RGB % of Colour #666666

CMYK % of Colour #666666

Related Colours along with #666666

Black background

Sample text in #666666 colour with black background colour.

White background

Sample text in #666666 colour with white background colour.

#666666 over22 #999999

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

#999999 over 666666

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