Colour code #616161

#616161
rgb(97, 97, 97)
rgb(38%, 38%, 38%)

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

Max value from RGB for colour #616161 is 97 which contains mainly Red colour.

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

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

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

Grayscale color of #616161 is #616161

Inverted color of #616161 is #9E9E9E

OLE colour (RGB Long) of #616161 is 6381921

Decimal Value of #616161 is 6381921

Android / android.graphics.Color of #616161 is -10395295 / 0xFF616161

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

Hex Triplets
#616161
RGB Decimal
rgb(97, 97, 97)
RGB Percent
rgb(38.04%, 38.04%, 38.04%)
RGBA
rgba(97, 97, 97, 1)
HSL
hsl(0, 0%, 38%)
HSLA
hsla(0, 0%, 38%, 1)

Colour spaces of #616161

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

    C = 61.96%
    0.61960784313725
    M = 61.96%
    0.61960784313725
    Y = 61.96%
    0.61960784313725
  • HSL (HSI) – hue, saturation, lightness/intensity
    H = 0°
    0
    S = 0%
    0
    L = 38%
    0.38039215686275
  • HSV (HSB) – hue, saturation, brightness/value
    H = 0°
    0
    S = 0%
    0
    V = 38.04%
    0.38039215686275
  • CMYK – cyan, magenta, yellow, key/black
    C = 0
    0
    M = 0
    0
    Y = 0
    0
    K = 61.96
    0.61960784313725
  • CIE – International Commission on Illumination
    CIE XYZ
    CIE 1931 XYZ colour space
    X = 11.362
    11.362127580292
    Y = 11.954
    11.953842798835
    Z = 13.018
    13.017734807931

    Yxy
    CIE (x, y, Y)
    Y = 11.954
    11.953842798835
    x = 0.313
    0.31271590722158
    y = 0.329
    0.32900148050666

    Hunter-Lab
    Hunter 1948 colour space
    L = 34.57
    34.57432978213
    a = -1.84
    -1.84479980135
    b = 1.88
    1.8784890282897

    CIELAB
    CIE 1976 (L*, a*, b*)
    L = 41.14
    41.142666533293
    a = 0
    0.0025913706458436
    b = -0.01
    -0.0051271673926379

    CIELUV
    CIE 1976 (L*, u*, v*)
    L = 41.1427
    41.142666533293
    u = 0.0004
    0.00036644522210121
    v = -0.007
    -0.0070386680081552

    CIELCH
    Cylindrical representation
    L = 41.1427
    41.142666533293
    C = 0.0057
    0.005744827873511
    H = 296.8129
    296.81292623684

    YIQ
    Luma In-phase Quadrature
    Y = 0.3804
    0.38039215686275
    I = -0
    -2.7755575615629E-17
    Q = 0
    0

Base Numbers

Base Red Green Blue
Binary 01100001 01100001 01100001
Octal 141 141 141
Decimal 97 97 97
Hex 61 61 61


RGB Variations of #616161

(R:61, G:61, B:61)

Monochromatic colours of #616161

Shade Colour Variation of #616161 (Darker)

A shade is achieved by adding black to any pure hue

Tint Colour Variation of #616161 (Brighter)

Tint is created by mixing white to any pure color

Tones of #616161 colour with more saturation

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

Tones of #616161 colour with less saturation

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

#616161 Colour in CSS Codes


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

Text with hexadecimal font colour #616161

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


#616161 Background Colour

This div background Colour is #616161


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


#616161 Border Colour

This div border Colour is #616161


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

CSS3 Examples


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


Text Shadow with RGB Values

This text has shadow with rgb values.


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


Text Shadow with HEX Values

This text has shadow with hex values.


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


Div Box Shadow

This div box has shadow with Colour # 616161



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

Related Colours

Colour Compositions

RGB % of Colour #616161

CMYK % of Colour #616161

Related Colours along with #616161

Black background

Sample text in #616161 colour with black background colour.

White background

Sample text in #616161 colour with white background colour.

#616161 over22 #666666

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

#666666 over 616161

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

#616161 over22 #9E9E9E

Sample text in #616161 colour with #9E9E9E background colour.

#9E9E9E over 616161

Sample text in #9E9E9E colour with #616161 background colour.