"Granite Gray" Colour code #676767

#676767
rgb(103, 103, 103)
rgb(40.4%, 40.4%, 40.4%)

Common name of #676767 (or 0x676767) colour is "Granite Gray".

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

Max value from RGB for colour #676767 is 103 which contains mainly Red colour.

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

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

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

Grayscale color of #676767 is #666666

Inverted color of #676767 is #989898

OLE colour (RGB Long) of #676767 is 6776679

Decimal Value of #676767 is 6776679

Android / android.graphics.Color of #676767 is -10000537 / 0xFF676767

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

Hex Triplets
#676767
RGB Decimal
rgb(103, 103, 103)
RGB Percent
rgb(40.39%, 40.39%, 40.39%)
RGBA
rgba(103, 103, 103, 1)
HSL
hsl(0, 0%, 40.4%)
HSLA
hsla(0, 0%, 40.4%, 1)

Colour spaces of #676767 "Granite Gray"

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

    C = 59.61%
    0.59607843137255
    M = 59.61%
    0.59607843137255
    Y = 59.61%
    0.59607843137255
  • HSL (HSI) – hue, saturation, lightness/intensity
    H = 0°
    0
    S = 0%
    0
    L = 40.4%
    0.40392156862745
  • HSV (HSB) – hue, saturation, brightness/value
    H = 0°
    0
    S = 0%
    0
    V = 40.39%
    0.40392156862745
  • CMYK – cyan, magenta, yellow, key/black
    C = 0
    0
    M = 0
    0
    Y = 0
    0
    K = 59.61
    0.59607843137255
  • CIE – International Commission on Illumination
    CIE XYZ
    CIE 1931 XYZ colour space
    X = 12.892
    12.891947983727
    Y = 13.563
    13.563332965521
    Z = 14.77
    14.770469599452

    Yxy
    CIE (x, y, Y)
    Y = 13.563
    13.563332965521
    x = 0.313
    0.31271590722158
    y = 0.329
    0.32900148050666

    Hunter-Lab
    Hunter 1948 colour space
    L = 36.83
    36.828430546957
    a = -1.97
    -1.9650729829093
    b = 2
    2.0009586056342

    CIELAB
    CIE 1976 (L*, a*, b*)
    L = 43.6
    43.600073732088
    a = 0
    0.0027028119429229
    b = -0.01
    -0.005347660044186

    CIELUV
    CIE 1976 (L*, u*, v*)
    L = 43.6001
    43.600073732088
    u = 0.0004
    0.00038833260087331
    v = -0.0075
    -0.0074590800739746

    CIELCH
    Cylindrical representation
    L = 43.6001
    43.600073732088
    C = 0.006
    0.0059918828716013
    H = 296.8129
    296.81292623639

    YIQ
    Luma In-phase Quadrature
    Y = 0.4039
    0.40392156862745
    I = -0
    -2.7755575615629E-17
    Q = 0
    0

Base Numbers

Base Red Green Blue
Binary 01100111 01100111 01100111
Octal 147 147 147
Decimal 103 103 103
Hex 67 67 67


RGB Variations of #676767

(R:67, G:67, B:67)

Monochromatic colours of #676767

Shade Colour Variation of #676767 (Darker)

A shade is achieved by adding black to any pure hue

Tint Colour Variation of #676767 (Brighter)

Tint is created by mixing white to any pure color

Tones of #676767 colour with more saturation

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

Tones of #676767 colour with less saturation

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

#676767 Colour in CSS Codes


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

Text with hexadecimal font colour #676767

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


#676767 Background Colour

This div background Colour is #676767


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


#676767 Border Colour

This div border Colour is #676767


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

CSS3 Examples


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


Text Shadow with RGB Values

This text has shadow with rgb values.


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


Text Shadow with HEX Values

This text has shadow with hex values.


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


Div Box Shadow

This div box has shadow with Colour # 676767



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

Related Colours

Colour Compositions

RGB % of Colour #676767

CMYK % of Colour #676767

Related Colours along with #676767

Black background

Sample text in #676767 colour with black background colour.

White background

Sample text in #676767 colour with white background colour.

#676767 over22 #666666

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

#666666 over 676767

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

#676767 over22 #989898

Sample text in #676767 colour with #989898 background colour.

#989898 over 676767

Sample text in #989898 colour with #676767 background colour.