Colour code #E0E0E0

#E0E0E0
rgb(224, 224, 224)
rgb(87.8%, 87.8%, 87.8%)

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

Max value from RGB for colour #E0E0E0 is 224 which contains mainly Red colour.

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

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

Hex color #E0E0E0 is not a web safe color. Nearby web safe colour of #E0E0E0 is #CCCCCC.

Grayscale color of #E0E0E0 is #E0E0E0

Inverted color of #E0E0E0 is #1F1F1F

OLE colour (RGB Long) of #E0E0E0 is 14737632

Decimal Value of #E0E0E0 is 14737632

Android / android.graphics.Color of #E0E0E0 is -2039584 / 0xFFE0E0E0

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

Hex Triplets
#E0E0E0
RGB Decimal
rgb(224, 224, 224)
RGB Percent
rgb(87.84%, 87.84%, 87.84%)
RGBA
rgba(224, 224, 224, 1)
HSL
hsl(0, 0%, 87.8%)
HSLA
hsla(0, 0%, 87.8%, 1)

Colour spaces of #E0E0E0

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

    C = 12.16%
    0.12156862745098
    M = 12.16%
    0.12156862745098
    Y = 12.16%
    0.12156862745098
  • HSL (HSI) – hue, saturation, lightness/intensity
    H = 0°
    0
    S = 0%
    0
    L = 87.8%
    0.87843137254902
  • HSV (HSB) – hue, saturation, brightness/value
    H = 0°
    0
    S = 0%
    0
    V = 87.84%
    0.87843137254902
  • CMYK – cyan, magenta, yellow, key/black
    C = 0
    0
    M = 0
    0
    Y = 0
    0
    K = 12.16
    0.12156862745098
  • CIE – International Commission on Illumination
    CIE XYZ
    CIE 1931 XYZ colour space
    X = 70.851
    70.850670116814
    Y = 74.54
    74.540420954039
    Z = 81.175
    81.174518418948

    Yxy
    CIE (x, y, Y)
    Y = 74.54
    74.540420954039
    x = 0.313
    0.31271590722158
    y = 0.329
    0.32900148050666

    Hunter-Lab
    Hunter 1948 colour space
    L = 86.34
    86.336794562943
    a = -4.61
    -4.6067155158922
    b = 4.69
    4.6908420885144

    CIELAB
    CIE 1976 (L*, a*, b*)
    L = 89.18
    89.177280229027
    a = 0
    0.0047696989505241
    b = -0.01
    -0.0094371081077016

    CIELUV
    CIE 1976 (L*, u*, v*)
    L = 89.1773
    89.177280229027
    u = 0.0008
    0.00079427492216967
    v = -0.0153
    -0.015256407090056

    CIELCH
    Cylindrical representation
    L = 89.1773
    89.177280229027
    C = 0.0106
    0.010573979265871
    H = 296.8129
    296.81292623672

    YIQ
    Luma In-phase Quadrature
    Y = 0.8784
    0.87843137254902
    I = 0
    0
    Q = 0
    0

Base Numbers

Base Red Green Blue
Binary 11100000 11100000 11100000
Octal 340 340 340
Decimal 224 224 224
Hex E0 E0 E0


RGB Variations of #E0E0E0

(R:E0, G:E0, B:E0)

Monochromatic colours of #E0E0E0

Shade Colour Variation of #E0E0E0 (Darker)

A shade is achieved by adding black to any pure hue

Tint Colour Variation of #E0E0E0 (Brighter)

Tint is created by mixing white to any pure color

Tones of #E0E0E0 colour with more saturation

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

Tones of #E0E0E0 colour with less saturation

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

#E0E0E0 Colour in CSS Codes


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

Text with hexadecimal font colour #E0E0E0

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


#E0E0E0 Background Colour

This div background Colour is #E0E0E0


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


#E0E0E0 Border Colour

This div border Colour is #E0E0E0


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

CSS3 Examples


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


Text Shadow with RGB Values

This text has shadow with rgb values.


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


Text Shadow with HEX Values

This text has shadow with hex values.


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


Div Box Shadow

This div box has shadow with Colour # E0E0E0



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

Related Colours

Colour Compositions

RGB % of Colour #E0E0E0

CMYK % of Colour #E0E0E0

Related Colours along with #E0E0E0

Black background

Sample text in #E0E0E0 colour with black background colour.

White background

Sample text in #E0E0E0 colour with white background colour.

#E0E0E0 over22 #1F1F1F

Sample text in #E0E0E0 colour with #1F1F1F background colour.

#1F1F1F over E0E0E0

Sample text in #1F1F1F colour with #E0E0E0 background colour.

#E0E0E0 over22 #CCCCCC

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

#CCCCCC over E0E0E0

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