Colour code #5F5F5F

#5F5F5F
rgb(95, 95, 95)
rgb(37.3%, 37.3%, 37.3%)

RGB value of #5F5F5F colour is rgb(95, 95, 95) where red value is 95, green value is 95 and the blue value is 95.

Max value from RGB for colour #5F5F5F is 95 which contains mainly Red colour.

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

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

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

Grayscale color of #5F5F5F is #5F5F5F

Inverted color of #5F5F5F is #A0A0A0

OLE colour (RGB Long) of #5F5F5F is 6250335

Decimal Value of #5F5F5F is 6250335

Android / android.graphics.Color of #5F5F5F is -10526881 / 0xFF5F5F5F

The following declarations are allowed (CSS 3.0) for #5F5F5F

Hex Triplets
#5F5F5F
RGB Decimal
rgb(95, 95, 95)
RGB Percent
rgb(37.25%, 37.25%, 37.25%)
RGBA
rgba(95, 95, 95, 1)
HSL
hsl(0, 0%, 37.3%)
HSLA
hsla(0, 0%, 37.3%, 1)

Colour spaces of #5F5F5F

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

    C = 62.75%
    0.62745098039216
    M = 62.75%
    0.62745098039216
    Y = 62.75%
    0.62745098039216
  • HSL (HSI) – hue, saturation, lightness/intensity
    H = 0°
    0
    S = 0%
    0
    L = 37.3%
    0.37254901960784
  • HSV (HSB) – hue, saturation, brightness/value
    H = 0°
    0
    S = 0%
    0
    V = 37.25%
    0.37254901960784
  • CMYK – cyan, magenta, yellow, key/black
    C = 0
    0
    M = 0
    0
    Y = 0
    0
    K = 62.75
    0.62745098039216
  • CIE – International Commission on Illumination
    CIE XYZ
    CIE 1931 XYZ colour space
    X = 10.877
    10.877082282254
    Y = 11.444
    11.443537382697
    Z = 12.462
    12.462012209757

    Yxy
    CIE (x, y, Y)
    Y = 11.444
    11.443537382697
    x = 0.313
    0.31271590722158
    y = 0.329
    0.32900148050666

    Hunter-Lab
    Hunter 1948 colour space
    L = 33.83
    33.828297891998
    a = -1.8
    -1.8049934047723
    b = 1.84
    1.8379556982382

    CIELAB
    CIE 1976 (L*, a*, b*)
    L = 40.32
    40.317679695927
    a = 0
    0.0025539582042544
    b = -0.01
    -0.0050531448475111

    CIELUV
    CIE 1976 (L*, u*, v*)
    L = 40.3177
    40.317679695927
    u = 0.0004
    0.00035909731513457
    v = -0.0069
    -0.006897529648671

    CIELCH
    Cylindrical representation
    L = 40.3177
    40.317679695927
    C = 0.0057
    0.0056618879677194
    H = 296.8129
    296.8129262368

    YIQ
    Luma In-phase Quadrature
    Y = 0.3725
    0.37254901960784
    I = -0
    -2.7755575615629E-17
    Q = 0
    0

Base Numbers

Base Red Green Blue
Binary 01011111 01011111 01011111
Octal 137 137 137
Decimal 95 95 95
Hex 5F 5F 5F


RGB Variations of #5F5F5F

(R:5F, G:5F, B:5F)

Monochromatic colours of #5F5F5F

Shade Colour Variation of #5F5F5F (Darker)

A shade is achieved by adding black to any pure hue

Tint Colour Variation of #5F5F5F (Brighter)

Tint is created by mixing white to any pure color

Tones of #5F5F5F colour with more saturation

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

Tones of #5F5F5F colour with less saturation

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

#5F5F5F Colour in CSS Codes


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

Text with hexadecimal font colour #5F5F5F

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


#5F5F5F Background Colour

This div background Colour is #5F5F5F


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


#5F5F5F Border Colour

This div border Colour is #5F5F5F


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

CSS3 Examples


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


Text Shadow with RGB Values

This text has shadow with rgb values.


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


Text Shadow with HEX Values

This text has shadow with hex values.


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


Div Box Shadow

This div box has shadow with Colour # 5F5F5F



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

Related Colours

Colour Compositions

RGB % of Colour #5F5F5F

CMYK % of Colour #5F5F5F

Related Colours along with #5F5F5F

Black background

Sample text in #5F5F5F colour with black background colour.

White background

Sample text in #5F5F5F colour with white background colour.

#5F5F5F over22 #A0A0A0

Sample text in #5F5F5F colour with #A0A0A0 background colour.

#A0A0A0 over 5F5F5F

Sample text in #A0A0A0 colour with #5F5F5F background colour.

#5F5F5F over22 #666666

Sample text in #5F5F5F colour with #666666 background colour.

#666666 over 5F5F5F

Sample text in #666666 colour with #5F5F5F background colour.