Colour code #F0F0F0

#F0F0F0
rgb(240, 240, 240)
rgb(94.1%, 94.1%, 94.1%)

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

Max value from RGB for colour #F0F0F0 is 240 which contains mainly Red colour.

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

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

Hex color #F0F0F0 is not a web safe color. Nearby web safe colour of #F0F0F0 is #FFFFFF.

Grayscale color of #F0F0F0 is #F0F0F0

Inverted color of #F0F0F0 is #0F0F0F

OLE colour (RGB Long) of #F0F0F0 is 15790320

Decimal Value of #F0F0F0 is 15790320

Android / android.graphics.Color of #F0F0F0 is -986896 / 0xFFF0F0F0

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

Hex Triplets
#F0F0F0
RGB Decimal
rgb(240, 240, 240)
RGB Percent
rgb(94.12%, 94.12%, 94.12%)
RGBA
rgba(240, 240, 240, 1)
HSL
hsl(0, 0%, 94.1%)
HSLA
hsla(0, 0%, 94.1%, 1)

Colour spaces of #F0F0F0

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

    C = 5.88%
    0.058823529411765
    M = 5.88%
    0.058823529411765
    Y = 5.88%
    0.058823529411765
  • HSL (HSI) – hue, saturation, lightness/intensity
    H = 0°
    0
    S = 0%
    0
    L = 94.1%
    0.94117647058824
  • HSV (HSB) – hue, saturation, brightness/value
    H = 0°
    0
    S = 0%
    0
    V = 94.12%
    0.94117647058824
  • CMYK – cyan, magenta, yellow, key/black
    C = 0
    0
    M = 0
    0
    Y = 0
    0
    K = 5.88
    0.058823529411765
  • CIE – International Commission on Illumination
    CIE XYZ
    CIE 1931 XYZ colour space
    X = 82.823
    82.823444679846
    Y = 87.137
    87.13671191988
    Z = 94.892
    94.891879280749

    Yxy
    CIE (x, y, Y)
    Y = 87.137
    87.13671191988
    x = 0.313
    0.31271590722158
    y = 0.329
    0.32900148050666

    Hunter-Lab
    Hunter 1948 colour space
    L = 93.35
    93.347047044821
    a = -4.98
    -4.980765062694
    b = 5.07
    5.0717224253345

    CIELAB
    CIE 1976 (L*, a*, b*)
    L = 94.8
    94.796245829592
    a = 0.01
    0.0050245141945404
    b = -0.01
    -0.0099412738905569

    CIELUV
    CIE 1976 (L*, u*, v*)
    L = 94.7962
    94.796245829592
    u = 0.0008
    0.0008443213404233
    v = -0.0162
    -0.016217697077762

    CIELCH
    Cylindrical representation
    L = 94.7962
    94.796245829592
    C = 0.0111
    0.011138880978725
    H = 296.8129
    296.81292623667

    YIQ
    Luma In-phase Quadrature
    Y = 0.9412
    0.94117647058824
    I = -0
    -1.1102230246252E-16
    Q = 0
    0

Base Numbers

Base Red Green Blue
Binary 11110000 11110000 11110000
Octal 360 360 360
Decimal 240 240 240
Hex F0 F0 F0


RGB Variations of #F0F0F0

(R:F0, G:F0, B:F0)

Monochromatic colours of #F0F0F0

Shade Colour Variation of #F0F0F0 (Darker)

A shade is achieved by adding black to any pure hue

Tint Colour Variation of #F0F0F0 (Brighter)

Tint is created by mixing white to any pure color

Tones of #F0F0F0 colour with more saturation

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

Tones of #F0F0F0 colour with less saturation

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

#F0F0F0 Colour in CSS Codes


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

Text with hexadecimal font colour #F0F0F0

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


#F0F0F0 Background Colour

This div background Colour is #F0F0F0


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


#F0F0F0 Border Colour

This div border Colour is #F0F0F0


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

CSS3 Examples


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


Text Shadow with RGB Values

This text has shadow with rgb values.


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


Text Shadow with HEX Values

This text has shadow with hex values.


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


Div Box Shadow

This div box has shadow with Colour # F0F0F0



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

Related Colours

Colour Compositions

RGB % of Colour #F0F0F0

CMYK % of Colour #F0F0F0

Related Colours along with #F0F0F0

Black background

Sample text in #F0F0F0 colour with black background colour.

White background

Sample text in #F0F0F0 colour with white background colour.

#F0F0F0 over22 #0F0F0F

Sample text in #F0F0F0 colour with #0F0F0F background colour.

#0F0F0F over F0F0F0

Sample text in #0F0F0F colour with #F0F0F0 background colour.

#F0F0F0 over22 #FFFFFF

Sample text in #F0F0F0 colour with #FFFFFF background colour.

#FFFFFF over F0F0F0

Sample text in #FFFFFF colour with #F0F0F0 background colour.