Colour code #CCCCCC

#CCCCCC
rgb(204, 204, 204)
rgb(80%, 80%, 80%)

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

Max value from RGB for colour #CCCCCC is 204 which contains mainly Red colour.

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

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

#CCCCCC is a web safe colour.

Grayscale color of #CCCCCC is #CCCCCC

Inverted color of #CCCCCC is #333333

OLE colour (RGB Long) of #CCCCCC is 13421772

Decimal Value of #CCCCCC is 13421772

Android / android.graphics.Color of #CCCCCC is -3355444 / 0xFFCCCCCC

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

Hex Triplets
#CCCCCC
RGB Decimal
rgb(204, 204, 204)
RGB Percent
rgb(80%, 80%, 80%)
RGBA
rgba(204, 204, 204, 1)
HSL
hsl(0, 0%, 80%)
HSLA
hsla(0, 0%, 80%, 1)

Colour spaces of #CCCCCC

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

    C = 20%
    0.2
    M = 20%
    0.2
    Y = 20%
    0.2
  • HSL (HSI) – hue, saturation, lightness/intensity
    H = 0°
    0
    S = 0%
    0
    L = 80%
    0.8
  • HSV (HSB) – hue, saturation, brightness/value
    H = 0°
    0
    S = 0%
    0
    V = 80%
    0.8
  • CMYK – cyan, magenta, yellow, key/black
    C = 0
    0
    M = 0
    0
    Y = 0
    0
    K = 20
    0.2
  • CIE – International Commission on Illumination
    CIE XYZ
    CIE 1931 XYZ colour space
    X = 57.394
    57.3937885582
    Y = 60.383
    60.382733885534
    Z = 65.757
    65.756797201346

    Yxy
    CIE (x, y, Y)
    Y = 60.383
    60.382733885534
    x = 0.313
    0.31271590722158
    y = 0.329
    0.32900148050666

    Hunter-Lab
    Hunter 1948 colour space
    L = 77.71
    77.706327854
    a = -4.15
    -4.1462153884698
    b = 4.22
    4.2219324343308

    CIELAB
    CIE 1976 (L*, a*, b*)
    L = 82.05
    82.045781674346
    a = 0
    0.00444629164148
    b = -0.01
    -0.0087972292033944

    CIELUV
    CIE 1976 (L*, u*, v*)
    L = 82.0458
    82.045781674346
    u = 0.0007
    0.00073075683272396
    v = -0.014
    -0.014036353676979

    CIELCH
    Cylindrical representation
    L = 82.0458
    82.045781674346
    C = 0.0099
    0.0098570153199714
    H = 296.8129
    296.81292623676

    YIQ
    Luma In-phase Quadrature
    Y = 0.8
    0.8
    I = -0
    -5.5511151231258E-17
    Q = -0
    -2.7755575615629E-17

Base Numbers

Base Red Green Blue
Binary 11001100 11001100 11001100
Octal 314 314 314
Decimal 204 204 204
Hex CC CC CC


RGB Variations of #CCCCCC

(R:CC, G:CC, B:CC)

Monochromatic colours of #CCCCCC

Shade Colour Variation of #CCCCCC (Darker)

A shade is achieved by adding black to any pure hue

Tint Colour Variation of #CCCCCC (Brighter)

Tint is created by mixing white to any pure color

Tones of #CCCCCC colour with more saturation

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

Tones of #CCCCCC colour with less saturation

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

#CCCCCC Colour in CSS Codes


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

Text with hexadecimal font colour #CCCCCC

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


#CCCCCC Background Colour

This div background Colour is #CCCCCC


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


#CCCCCC Border Colour

This div border Colour is #CCCCCC


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

CSS3 Examples


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


Text Shadow with RGB Values

This text has shadow with rgb values.


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


Text Shadow with HEX Values

This text has shadow with hex values.


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


Div Box Shadow

This div box has shadow with Colour # CCCCCC



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

Related Colours

Colour Compositions

RGB % of Colour #CCCCCC

CMYK % of Colour #CCCCCC

Related Colours along with #CCCCCC

Black background

Sample text in #CCCCCC colour with black background colour.

White background

Sample text in #CCCCCC colour with white background colour.

#CCCCCC over22 #333333

Sample text in #CCCCCC colour with #333333 background colour.

#333333 over CCCCCC

Sample text in #333333 colour with #CCCCCC background colour.