Colour code #545454

#545454
rgb(84, 84, 84)
rgb(32.9%, 32.9%, 32.9%)

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

Max value from RGB for colour #545454 is 84 which contains mainly Red colour.

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

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

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

Grayscale color of #545454 is #535353

Inverted color of #545454 is #ABABAB

OLE colour (RGB Long) of #545454 is 5526612

Decimal Value of #545454 is 5526612

Android / android.graphics.Color of #545454 is -11250604 / 0xFF545454

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

Hex Triplets
#545454
RGB Decimal
rgb(84, 84, 84)
RGB Percent
rgb(32.94%, 32.94%, 32.94%)
RGBA
rgba(84, 84, 84, 1)
HSL
hsl(0, 0%, 32.9%)
HSLA
hsla(0, 0%, 32.9%, 1)

Colour spaces of #545454

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

    C = 67.06%
    0.67058823529412
    M = 67.06%
    0.67058823529412
    Y = 67.06%
    0.67058823529412
  • HSL (HSI) – hue, saturation, lightness/intensity
    H = 0°
    0
    S = 0%
    0
    L = 32.9%
    0.32941176470588
  • HSV (HSB) – hue, saturation, brightness/value
    H = 0°
    0
    S = 0%
    0
    V = 32.94%
    0.32941176470588
  • CMYK – cyan, magenta, yellow, key/black
    C = 0
    0
    M = 0
    0
    Y = 0
    0
    K = 67.06
    0.67058823529412
  • CIE – International Commission on Illumination
    CIE XYZ
    CIE 1931 XYZ colour space
    X = 8.427
    8.4267134764627
    Y = 8.866
    8.8655586285773
    Z = 9.655
    9.6545933465207

    Yxy
    CIE (x, y, Y)
    Y = 8.866
    8.8655586285773
    x = 0.313
    0.31271590722158
    y = 0.329
    0.32900148050666

    Hunter-Lab
    Hunter 1948 colour space
    L = 29.78
    29.775087957179
    a = -1.59
    -1.5887242556752
    b = 1.62
    1.6177371013806

    CIELAB
    CIE 1976 (L*, a*, b*)
    L = 35.72
    35.724149459109
    a = 0
    0.0023456455695847
    b = -0
    -0.0046409869998709

    CIELUV
    CIE 1976 (L*, u*, v*)
    L = 35.7241
    35.724149459109
    u = 0.0003
    0.00031818413791427
    v = -0.0061
    -0.0061116706597223

    CIELCH
    Cylindrical representation
    L = 35.7241
    35.724149459109
    C = 0.0052
    0.0052000782177851
    H = 296.8129
    296.81292623656

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

Base Numbers

Base Red Green Blue
Binary 01010100 01010100 01010100
Octal 124 124 124
Decimal 84 84 84
Hex 54 54 54


RGB Variations of #545454

(R:54, G:54, B:54)

Monochromatic colours of #545454

Shade Colour Variation of #545454 (Darker)

A shade is achieved by adding black to any pure hue

Tint Colour Variation of #545454 (Brighter)

Tint is created by mixing white to any pure color

Tones of #545454 colour with more saturation

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

Tones of #545454 colour with less saturation

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

#545454 Colour in CSS Codes


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

Text with hexadecimal font colour #545454

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


#545454 Background Colour

This div background Colour is #545454


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


#545454 Border Colour

This div border Colour is #545454


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

CSS3 Examples


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


Text Shadow with RGB Values

This text has shadow with rgb values.


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


Text Shadow with HEX Values

This text has shadow with hex values.


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


Div Box Shadow

This div box has shadow with Colour # 545454



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

Related Colours

Colour Compositions

RGB % of Colour #545454

CMYK % of Colour #545454

Related Colours along with #545454

Black background

Sample text in #545454 colour with black background colour.

White background

Sample text in #545454 colour with white background colour.

#545454 over22 #ABABAB

Sample text in #545454 colour with #ABABAB background colour.

#ABABAB over 545454

Sample text in #ABABAB colour with #545454 background colour.

#545454 over22 #535353

Sample text in #545454 colour with #535353 background colour.

#535353 over 545454

Sample text in #535353 colour with #545454 background colour.

#545454 over22 #666666

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

#666666 over 545454

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