Colour code #F0F004

#F0F004
rgb(240, 240, 4)
rgb(94.1%, 94.1%, 1.6%)

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

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

Cylindrical-coordinate representations (also known as HSL colours) of colour #F0F004 hue angle of 60°, saturation:96.7% and the lightness value is 47.8%.

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

Hex color #F0F004 is not a web safe color. Nearby web safe colour of #F0F004 is #FFFF00.

Grayscale color of #F0F004 is #D6D6D6

Inverted color of #F0F004 is #0F0FFB

OLE colour (RGB Long) of #F0F004 is 323824

Decimal Value of #F0F004 is 15790084

Android / android.graphics.Color of #F0F004 is -987132 / 0xFFF0F004

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

Hex Triplets
#F0F004
RGB Decimal
rgb(240, 240, 4)
RGB Percent
rgb(94.12%, 94.12%, 1.57%)
RGBA
rgba(240, 240, 4, 1)
HSL
hsl(60, 96.7%, 47.8%)
HSLA
hsla(60, 96.7%, 47.8%, 1)

Colour spaces of #F0F004

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

    C = 5.88%
    0.058823529411765
    M = 5.88%
    0.058823529411765
    Y = 98.43%
    0.9843137254902
  • HSL (HSI) – hue, saturation, lightness/intensity
    H = 60°
    0.16666666666667
    S = 96.7%
    0.9672131147541
    L = 47.8%
    0.47843137254902
  • HSV (HSB) – hue, saturation, brightness/value
    H = 60°
    0.16666666666667
    S = 98.33%
    0.98333333333333
    V = 94.12%
    0.94117647058824
  • CMYK – cyan, magenta, yellow, key/black
    C = 0
    0
    M = 0
    0
    Y = 98.33
    0.98333333333333
    K = 5.88
    0.058823529411765
  • CIE – International Commission on Illumination
    CIE XYZ
    CIE 1931 XYZ colour space
    X = 67.117
    67.11718282652
    Y = 80.854
    80.854207178549
    Z = 12.184
    12.183835560049

    Yxy
    CIE (x, y, Y)
    Y = 80.854
    80.854207178549
    x = 0.419
    0.41907582215749
    y = 0.505
    0.50484901065982

    Hunter-Lab
    Hunter 1948 colour space
    L = 89.92
    89.918967508835
    a = -24.12
    -24.122486965826
    b = 54.91
    54.909603934877

    CIELAB
    CIE 1976 (L*, a*, b*)
    L = 92.07
    92.066776424283
    a = -20.56
    -20.557280454266
    b = 89.95
    89.945492348927

    CIELUV
    CIE 1976 (L*, u*, v*)
    L = 92.0668
    92.066776424283
    u = 7.2879
    7.2878621082043
    v = 101.0344
    101.03438008922

    CIELCH
    Cylindrical representation
    L = 92.0668
    92.066776424283
    C = 92.2648
    92.264800295488
    H = 102.874
    102.87397893604

    YIQ
    Luma In-phase Quadrature
    Y = 0.8357
    0.83567058823529
    I = 0.2971
    0.29708235294118
    Q = -0.2878
    -0.28782745098039

Base Numbers

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


Colour Harmonies : #F0F004 colour combinations

Complementary colour scheme for #F0F004

Colors that are opposite each other on the color wheel are considered to be complementary colors. The high contrast of complementary colors creates a vibrant look especially when used at full saturation.

In the complementary color scheme, the opposite colour of #F0F004 colour is calculated by adding 180° to the value of the current hue: 60° → 240° (+180°)

Split-complementary colour scheme for #F0F004

The split-complementary colour scheme is a variation of the complementary colour scheme. In addition to the base colour, it uses the two colours adjacent to its complement.This color scheme has the same strong visual contrast as the complementary color scheme, but has less tension.

Split-complementary colours of #F0F004 are calculated by changing the hue by ±5/12 (±150°): 60° → -90° (60°-150°), 210° (60°+150°).

Triadic colours scheme for #F0F004

A triadic colour scheme uses colors that are evenly spaced around the colour wheel. This scheme tend to be quite vibrant, even if you use pale or unsaturated versions of your hues. To use a triadic harmony successfully, the colours should be carefully balanced - let one colour dominate and use the two others for accent.

Equidistant combinations of triadic scheme colours for #F0F004 are calculated by changing the hue by ±1/3 (±120°): 60° → -60° (60°-120°), 180° (60°+120°).

Tetradic (Rectangle) colour scheme for #F0F004

The rectangle or tetradic color scheme uses four colors arranged into two complementary pairs.This schemes works best if one color is dominant, while the rest serve as extras.

Four tetradic scheme colours (clockwise) for #F0F004 are calculated by changing the hue as follows : 60° → 180° (60°+120°), 240° (60°+180°), 360° (60°+300°).


Four tetradic scheme colours (counter-clockwise) for #F0F004 are calculated by changing the hue as follows : 60° → -60° (60°-120°), -120° (60°-180°), -240° (60°-300°).

Tetradic Square Colour Scheme for #F0F004

The square color scheme is similar to the Tetradic rectangle scheme, but with all four colors spaced evenly around the color circle. Square color schemes works best if you let one color be dominant. You should also pay attention to the balance between warm and cool colors in your design.

Four equidistant tetradic square scheme colours for #F0F004 are calculated by changing the hue by 1/4 (90°) progressively : 60° → 150° (60°+90°), 240° (60°+180°), 330° (60°+270°).

Analagous colours of #F0F004

Analogous colours are groups of three colors that are next to each other on the colour wheel. They usually match well and create serene and comfortable designs.

Analogous color schemes are often found in nature and are harmonious and pleasing to the eye.

The analogous colours of #F0F004 are calculated by changing the hue by ±1/12 (i.e. 30°): 60° → 90° (60°+30°), 30° (60°-30°).

RGB Variations of #F0F004

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

Monochromatic colours of #F0F004

Shade Colour Variation of #F0F004 (Darker)

A shade is achieved by adding black to any pure hue

Tint Colour Variation of #F0F004 (Brighter)

Tint is created by mixing white to any pure color

Tones of #F0F004 colour with more saturation

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

Tones of #F0F004 colour with less saturation

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

#F0F004 Colour in CSS Codes


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

Text with hexadecimal font colour #F0F004

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


#F0F004 Background Colour

This div background Colour is #F0F004


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


#F0F004 Border Colour

This div border Colour is #F0F004


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

CSS3 Examples


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


Text Shadow with RGB Values

This text has shadow with rgb values.


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


Text Shadow with HEX Values

This text has shadow with hex values.


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


Div Box Shadow

This div box has shadow with Colour # F0F004



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

Colour Compositions

RGB % of Colour #F0F004

CMYK % of Colour #F0F004

Related Colours along with #F0F004

Black background

Sample text in #F0F004 colour with black background colour.

White background

Sample text in #F0F004 colour with white background colour.

#F0F004 over22 #0404F0

Sample text in #F0F004 colour with #0404F0 background colour.

#0404F0 over F0F004

Sample text in #0404F0 colour with #F0F004 background colour.

#F0F004 over22 #047AF0

Sample text in #F0F004 colour with #047AF0 background colour.

#047AF0 over F0F004

Sample text in #047AF0 colour with #F0F004 background colour.

#F0F004 over22 #04F004

Sample text in #F0F004 colour with #04F004 background colour.

#04F004 over F0F004

Sample text in #04F004 colour with #F0F004 background colour.

#F0F004 over22 #04F07A

Sample text in #F0F004 colour with #04F07A background colour.

#04F07A over F0F004

Sample text in #04F07A colour with #F0F004 background colour.

#F0F004 over22 #04F0F0

Sample text in #F0F004 colour with #04F0F0 background colour.

#04F0F0 over F0F004

Sample text in #04F0F0 colour with #F0F004 background colour.

#F0F004 over22 #0F0FFB

Sample text in #F0F004 colour with #0F0FFB background colour.

#0F0FFB over F0F004

Sample text in #0F0FFB colour with #F0F004 background colour.

#F0F004 over22 #7A04F0

Sample text in #F0F004 colour with #7A04F0 background colour.

#7A04F0 over F0F004

Sample text in #7A04F0 colour with #F0F004 background colour.

#F0F004 over22 #D6D6D6

Sample text in #F0F004 colour with #D6D6D6 background colour.

#D6D6D6 over F0F004

Sample text in #D6D6D6 colour with #F0F004 background colour.

#F0F004 over22 #F00404

Sample text in #F0F004 colour with #F00404 background colour.

#F00404 over F0F004

Sample text in #F00404 colour with #F0F004 background colour.

#F0F004 over22 #F0047A

Sample text in #F0F004 colour with #F0047A background colour.

#F0047A over F0F004

Sample text in #F0047A colour with #F0F004 background colour.

#F0F004 over22 #F004F0

Sample text in #F0F004 colour with #F004F0 background colour.

#F004F0 over F0F004

Sample text in #F004F0 colour with #F0F004 background colour.

#F0F004 over22 #FFFF00

Sample text in #F0F004 colour with #FFFF00 background colour.

#FFFF00 over F0F004

Sample text in #FFFF00 colour with #F0F004 background colour.