Colour code #E2E2E2

#E2E2E2
rgb(226, 226, 226)
rgb(88.6%, 88.6%, 88.6%)

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

Max value from RGB for colour #E2E2E2 is 226 which contains mainly Red colour.

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

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

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

Grayscale color of #E2E2E2 is #E2E2E2

Inverted color of #E2E2E2 is #1D1D1D

OLE colour (RGB Long) of #E2E2E2 is 14869218

Decimal Value of #E2E2E2 is 14869218

Android / android.graphics.Color of #E2E2E2 is -1907998 / 0xFFE2E2E2

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

Hex Triplets
#E2E2E2
RGB Decimal
rgb(226, 226, 226)
RGB Percent
rgb(88.63%, 88.63%, 88.63%)
RGBA
rgba(226, 226, 226, 1)
HSL
hsl(0, 0%, 88.6%)
HSLA
hsla(0, 0%, 88.6%, 1)

Colour spaces of #E2E2E2

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

    C = 11.37%
    0.11372549019608
    M = 11.37%
    0.11372549019608
    Y = 11.37%
    0.11372549019608
  • HSL (HSI) – hue, saturation, lightness/intensity
    H = 0°
    0
    S = 0%
    0
    L = 88.6%
    0.88627450980392
  • HSV (HSB) – hue, saturation, brightness/value
    H = 0°
    0
    S = 0%
    0
    V = 88.63%
    0.88627450980392
  • CMYK – cyan, magenta, yellow, key/black
    C = 0
    0
    M = 0
    0
    Y = 0
    0
    K = 11.37
    0.11372549019608
  • CIE – International Commission on Illumination
    CIE XYZ
    CIE 1931 XYZ colour space
    X = 72.288
    72.287854169387
    Y = 76.052
    76.052450467529
    Z = 82.821
    82.821118559139

    Yxy
    CIE (x, y, Y)
    Y = 76.052
    76.052450467529
    x = 0.313
    0.31271590722158
    y = 0.329
    0.32900148050666

    Hunter-Lab
    Hunter 1948 colour space
    L = 87.21
    87.208056088603
    a = -4.65
    -4.6532038527476
    b = 4.74
    4.7381793826004

    CIELAB
    CIE 1976 (L*, a*, b*)
    L = 89.88
    89.883688049417
    a = 0
    0.0048017339359108
    b = -0.01
    -0.0095004910641183

    CIELUV
    CIE 1976 (L*, u*, v*)
    L = 89.8837
    89.883688049417
    u = 0.0008
    0.00080056668185465
    v = -0.0154
    -0.015377259007049

    CIELCH
    Cylindrical representation
    L = 89.8837
    89.883688049417
    C = 0.0106
    0.010644997851135
    H = 296.8129
    296.81292623653

    YIQ
    Luma In-phase Quadrature
    Y = 0.8863
    0.88627450980392
    I = -0
    -5.5511151231258E-17
    Q = 0
    0

Base Numbers

Base Red Green Blue
Binary 11100010 11100010 11100010
Octal 342 342 342
Decimal 226 226 226
Hex E2 E2 E2


RGB Variations of #E2E2E2

(R:E2, G:E2, B:E2)

Monochromatic colours of #E2E2E2

Shade Colour Variation of #E2E2E2 (Darker)

A shade is achieved by adding black to any pure hue

Tint Colour Variation of #E2E2E2 (Brighter)

Tint is created by mixing white to any pure color

Tones of #E2E2E2 colour with more saturation

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

Tones of #E2E2E2 colour with less saturation

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

#E2E2E2 Colour in CSS Codes


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

Text with hexadecimal font colour #E2E2E2

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


#E2E2E2 Background Colour

This div background Colour is #E2E2E2


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


#E2E2E2 Border Colour

This div border Colour is #E2E2E2


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

CSS3 Examples


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


Text Shadow with RGB Values

This text has shadow with rgb values.


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


Text Shadow with HEX Values

This text has shadow with hex values.


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


Div Box Shadow

This div box has shadow with Colour # E2E2E2



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

Related Colours

Colour Compositions

RGB % of Colour #E2E2E2

CMYK % of Colour #E2E2E2

Related Colours along with #E2E2E2

Black background

Sample text in #E2E2E2 colour with black background colour.

White background

Sample text in #E2E2E2 colour with white background colour.

#E2E2E2 over22 #1D1D1D

Sample text in #E2E2E2 colour with #1D1D1D background colour.

#1D1D1D over E2E2E2

Sample text in #1D1D1D colour with #E2E2E2 background colour.

#E2E2E2 over22 #CCCCCC

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

#CCCCCC over E2E2E2

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