Colour code #F5FD25

#F5FD25
rgb(245, 253, 37)
rgb(96.1%, 99.2%, 14.5%)

RGB value of #F5FD25 colour is rgb(245, 253, 37) where red value is 245, green value is 253 and the blue value is 37.

Max value from RGB for colour #F5FD25 is 253 which contains mainly Green colour.

Cylindrical-coordinate representations (also known as HSL colours) of colour #F5FD25 hue angle of 62.2°, saturation:98.2% and the lightness value is 56.9%.

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

Hex color #F5FD25 is not a web safe color. Nearby web safe colour of #F5FD25 is #FFFF33.

Grayscale color of #F5FD25 is #E2E2E2

Inverted color of #F5FD25 is #0A02DA

OLE colour (RGB Long) of #F5FD25 is 2489845

Decimal Value of #F5FD25 is 16121125

Android / android.graphics.Color of #F5FD25 is -656091 / 0xFFF5FD25

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

Hex Triplets
#F5FD25
RGB Decimal
rgb(245, 253, 37)
RGB Percent
rgb(96.08%, 99.22%, 14.51%)
RGBA
rgba(245, 253, 37, 1)
HSL
hsl(62.2, 98.2%, 56.9%)
HSLA
hsla(62.2, 98.2%, 56.9%, 1)

Colour spaces of #F5FD25

  • RGB is opposite of CMY. CMY colours are complementary to RGB colours.
    R = 245
    96.08%
    G = 253
    99.22%
    B = 37
    14.51%

    C = 3.92%
    0.03921568627451
    M = 0.78%
    0.0078431372549019
    Y = 85.49%
    0.85490196078431
  • HSL (HSI) – hue, saturation, lightness/intensity
    H = 62.2°
    0.17283950617284
    S = 98.2%
    0.98181818181818
    L = 56.9%
    0.56862745098039
  • HSV (HSB) – hue, saturation, brightness/value
    H = 62.2°
    0.17283950617284
    S = 85.38%
    0.85375494071146
    V = 99.22%
    0.9921568627451
  • CMYK – cyan, magenta, yellow, key/black
    C = 3.16
    0.031620553359684
    M = 0
    0
    Y = 85.38
    0.85375494071146
    K = 0.78
    0.0078431372549019
  • CIE – International Commission on Illumination
    CIE XYZ
    CIE 1931 XYZ colour space
    X = 73.115
    73.11539705319
    Y = 89.797
    89.79660828628
    Z = 15.229
    15.229152881135

    Yxy
    CIE (x, y, Y)
    Y = 89.797
    89.79660828628
    x = 0.41
    0.41043517277824
    y = 0.504
    0.50407558356098

    Hunter-Lab
    Hunter 1948 colour space
    L = 94.76
    94.761072327343
    a = -28.11
    -28.105507997043
    b = 56.8
    56.804191568481

    CIELAB
    CIE 1976 (L*, a*, b*)
    L = 95.91
    95.912337518258
    a = -24.25
    -24.245755662314
    b = 89.14
    89.13528770416

    CIELUV
    CIE 1976 (L*, u*, v*)
    L = 95.9123
    95.912337518258
    u = 2.1075
    2.1074938403169
    v = 103.5296
    103.52956083045

    CIELCH
    Cylindrical representation
    L = 95.9123
    95.912337518258
    C = 92.374
    92.374001654903
    H = 105.2169
    105.21689973293

    YIQ
    Luma In-phase Quadrature
    Y = 0.8862
    0.88621176470588
    I = 0.2532
    0.25320784313725
    Q = -0.2701
    -0.2700862745098

Base Numbers

Base Red Green Blue
Binary 11110101 11111101 00100101
Octal 365 375 45
Decimal 245 253 37
Hex F5 FD 25


Colour Harmonies : #F5FD25 colour combinations

Complementary colour scheme for #F5FD25

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 #F5FD25 colour is calculated by adding 180° to the value of the current hue: 62.2° → 242.2° (+180°)

Split-complementary colour scheme for #F5FD25

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 #F5FD25 are calculated by changing the hue by ±5/12 (±150°): 62.2° → -87.8° (62.2°-150°), 212.2° (62.2°+150°).

Triadic colours scheme for #F5FD25

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 #F5FD25 are calculated by changing the hue by ±1/3 (±120°): 62.2° → -57.8° (62.2°-120°), 182.2° (62.2°+120°).

Tetradic (Rectangle) colour scheme for #F5FD25

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 #F5FD25 are calculated by changing the hue as follows : 62.2° → 182.2° (62.2°+120°), 242.2° (62.2°+180°), 362.2° (62.2°+300°).


Four tetradic scheme colours (counter-clockwise) for #F5FD25 are calculated by changing the hue as follows : 62.2° → -57.8° (62.2°-120°), -117.8° (62.2°-180°), -237.8° (62.2°-300°).

Tetradic Square Colour Scheme for #F5FD25

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 #F5FD25 are calculated by changing the hue by 1/4 (90°) progressively : 62.2° → 152.2° (62.2°+90°), 242.2° (62.2°+180°), 332.2° (62.2°+270°).

Analagous colours of #F5FD25

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 #F5FD25 are calculated by changing the hue by ±1/12 (i.e. 30°): 62.2° → 92.2° (62.2°+30°), 32.2° (62.2°-30°).

RGB Variations of #F5FD25

(R:F5, G:FD, B:F5)

Monochromatic colours of #F5FD25

Shade Colour Variation of #F5FD25 (Darker)

A shade is achieved by adding black to any pure hue

Tint Colour Variation of #F5FD25 (Brighter)

Tint is created by mixing white to any pure color

Tones of #F5FD25 colour with more saturation

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

Tones of #F5FD25 colour with less saturation

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

#F5FD25 Colour in CSS Codes


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

Text with hexadecimal font colour #F5FD25

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


#F5FD25 Background Colour

This div background Colour is #F5FD25


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


#F5FD25 Border Colour

This div border Colour is #F5FD25


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

CSS3 Examples


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


Text Shadow with RGB Values

This text has shadow with rgb values.


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


Text Shadow with HEX Values

This text has shadow with hex values.


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


Div Box Shadow

This div box has shadow with Colour # F5FD25



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

Colour Palettes with #F5FD25

Colour Compositions

RGB % of Colour #F5FD25

CMYK % of Colour #F5FD25

Related Colours along with #F5FD25

Black background

Sample text in #F5FD25 colour with black background colour.

White background

Sample text in #F5FD25 colour with white background colour.

#F5FD25 over22 #0A02DA

Sample text in #F5FD25 colour with #0A02DA background colour.

#0A02DA over F5FD25

Sample text in #0A02DA colour with #F5FD25 background colour.

#F5FD25 over22 #2589FD

Sample text in #F5FD25 colour with #2589FD background colour.

#2589FD over F5FD25

Sample text in #2589FD colour with #F5FD25 background colour.

#F5FD25 over22 #25F5FD

Sample text in #F5FD25 colour with #25F5FD background colour.

#25F5FD over F5FD25

Sample text in #25F5FD colour with #F5FD25 background colour.

#F5FD25 over22 #25FD2D

Sample text in #F5FD25 colour with #25FD2D background colour.

#25FD2D over F5FD25

Sample text in #25FD2D colour with #F5FD25 background colour.

#F5FD25 over22 #25FD99

Sample text in #F5FD25 colour with #25FD99 background colour.

#25FD99 over F5FD25

Sample text in #25FD99 colour with #F5FD25 background colour.

#F5FD25 over22 #25FDF5

Sample text in #F5FD25 colour with #25FDF5 background colour.

#25FDF5 over F5FD25

Sample text in #25FDF5 colour with #F5FD25 background colour.

#F5FD25 over22 #2D25FD

Sample text in #F5FD25 colour with #2D25FD background colour.

#2D25FD over F5FD25

Sample text in #2D25FD colour with #F5FD25 background colour.

#F5FD25 over22 #9925FD

Sample text in #F5FD25 colour with #9925FD background colour.

#9925FD over F5FD25

Sample text in #9925FD colour with #F5FD25 background colour.

#F5FD25 over22 #E2E2E2

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

#E2E2E2 over F5FD25

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

#F5FD25 over22 #F525FD

Sample text in #F5FD25 colour with #F525FD background colour.

#F525FD over F5FD25

Sample text in #F525FD colour with #F5FD25 background colour.

#F5FD25 over22 #FD2589

Sample text in #F5FD25 colour with #FD2589 background colour.

#FD2589 over F5FD25

Sample text in #FD2589 colour with #F5FD25 background colour.

#F5FD25 over22 #FD25F5

Sample text in #F5FD25 colour with #FD25F5 background colour.

#FD25F5 over F5FD25

Sample text in #FD25F5 colour with #F5FD25 background colour.

#F5FD25 over22 #FD2D25

Sample text in #F5FD25 colour with #FD2D25 background colour.

#FD2D25 over F5FD25

Sample text in #FD2D25 colour with #F5FD25 background colour.

#F5FD25 over22 #FDF525

Sample text in #F5FD25 colour with #FDF525 background colour.

#FDF525 over F5FD25

Sample text in #FDF525 colour with #F5FD25 background colour.

#F5FD25 over22 #FFFF33

Sample text in #F5FD25 colour with #FFFF33 background colour.

#FFFF33 over F5FD25

Sample text in #FFFF33 colour with #F5FD25 background colour.