Colour code #FC1858

#FC1858
rgb(252, 24, 88)
rgb(98.8%, 9.4%, 34.5%)

RGB value of #FC1858 colour is rgb(252, 24, 88) where red value is 252, green value is 24 and the blue value is 88.

Max value from RGB for colour #FC1858 is 252 which contains mainly Red colour.

Cylindrical-coordinate representations (also known as HSL colours) of colour #FC1858 hue angle of 343.2°, saturation:97.4% and the lightness value is 54.1%.

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

Hex color #FC1858 is not a web safe color. Nearby web safe colour of #FC1858 is #FF0066.

Grayscale color of #FC1858 is #636363

Inverted color of #FC1858 is #03E7A7

OLE colour (RGB Long) of #FC1858 is 5773564

Decimal Value of #FC1858 is 16521304

Android / android.graphics.Color of #FC1858 is -255912 / 0xFFFC1858

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

Hex Triplets
#FC1858
RGB Decimal
rgb(252, 24, 88)
RGB Percent
rgb(98.82%, 9.41%, 34.51%)
RGBA
rgba(252, 24, 88, 1)
HSL
hsl(343.2, 97.4%, 54.1%)
HSLA
hsla(343.2, 97.4%, 54.1%, 1)

Colour spaces of #FC1858

  • RGB is opposite of CMY. CMY colours are complementary to RGB colours.
    R = 252
    98.82%
    G = 24
    9.41%
    B = 88
    34.51%

    C = 1.18%
    0.011764705882353
    M = 90.59%
    0.90588235294118
    Y = 65.49%
    0.65490196078431
  • HSL (HSI) – hue, saturation, lightness/intensity
    H = 343.2°
    0.95321637426901
    S = 97.4%
    0.97435897435897
    L = 54.1%
    0.54117647058824
  • HSV (HSB) – hue, saturation, brightness/value
    H = 343.2°
    0.95321637426901
    S = 90.48%
    0.9047619047619
    V = 98.82%
    0.98823529411765
  • CMYK – cyan, magenta, yellow, key/black
    C = 0
    0
    M = 90.48
    0.9047619047619
    Y = 65.08
    0.65079365079365
    K = 1.18
    0.011764705882353
  • CIE – International Commission on Illumination
    CIE XYZ
    CIE 1931 XYZ colour space
    X = 42.233
    42.232969331133
    Y = 22.053
    22.053295398617
    Z = 11.263
    11.263304736033

    Yxy
    CIE (x, y, Y)
    Y = 22.053
    22.053295398617
    x = 0.559
    0.55901005961735
    y = 0.292
    0.29190497781202

    Hunter-Lab
    Hunter 1948 colour space
    L = 46.96
    46.960936317984
    a = 78.35
    78.34720981575
    b = 18.65
    18.652297181058

    CIELAB
    CIE 1976 (L*, a*, b*)
    L = 54.08
    54.08350617509
    a = 79.46
    79.456797348953
    b = 26.95
    26.94811889942

    CIELUV
    CIE 1976 (L*, u*, v*)
    L = 54.0835
    54.08350617509
    u = 152.8561
    152.85607750421
    v = 13.7395
    13.739487884918

    CIELCH
    Cylindrical representation
    L = 54.0835
    54.08350617509
    C = 83.9022
    83.902227367155
    H = 18.7346
    18.734590824767

    YIQ
    Luma In-phase Quadrature
    Y = 0.3901
    0.39007058823529
    I = 0.4523
    0.45232941176471
    Q = 0.2676
    0.26760784313725

Base Numbers

Base Red Green Blue
Binary 11111100 00011000 01011000
Octal 374 30 130
Decimal 252 24 88
Hex FC 18 58


Colour Harmonies : #FC1858 colour combinations

Complementary colour scheme for #FC1858

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

Split-complementary colour scheme for #FC1858

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 #FC1858 are calculated by changing the hue by ±5/12 (±150°): 343.2° → 193.2° (343.2°-150°), 493.2° (343.2°+150°).

Triadic colours scheme for #FC1858

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 #FC1858 are calculated by changing the hue by ±1/3 (±120°): 343.2° → 223.2° (343.2°-120°), 463.2° (343.2°+120°).

Tetradic (Rectangle) colour scheme for #FC1858

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 #FC1858 are calculated by changing the hue as follows : 343.2° → 463.2° (343.2°+120°), 523.2° (343.2°+180°), 643.2° (343.2°+300°).


Four tetradic scheme colours (counter-clockwise) for #FC1858 are calculated by changing the hue as follows : 343.2° → 223.2° (343.2°-120°), 163.2° (343.2°-180°), 43.2° (343.2°-300°).

Tetradic Square Colour Scheme for #FC1858

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 #FC1858 are calculated by changing the hue by 1/4 (90°) progressively : 343.2° → 433.2° (343.2°+90°), 523.2° (343.2°+180°), 613.2° (343.2°+270°).

Analagous colours of #FC1858

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 #FC1858 are calculated by changing the hue by ±1/12 (i.e. 30°): 343.2° → 373.2° (343.2°+30°), 313.2° (343.2°-30°).

RGB Variations of #FC1858

(R:FC, G:18, B:FC)

Monochromatic colours of #FC1858

Shade Colour Variation of #FC1858 (Darker)

A shade is achieved by adding black to any pure hue

Tint Colour Variation of #FC1858 (Brighter)

Tint is created by mixing white to any pure color

Tones of #FC1858 colour with more saturation

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

Tones of #FC1858 colour with less saturation

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

#FC1858 Colour in CSS Codes


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

Text with hexadecimal font colour #FC1858

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


#FC1858 Background Colour

This div background Colour is #FC1858


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


#FC1858 Border Colour

This div border Colour is #FC1858


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

CSS3 Examples


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


Text Shadow with RGB Values

This text has shadow with rgb values.


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


Text Shadow with HEX Values

This text has shadow with hex values.


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


Div Box Shadow

This div box has shadow with Colour # FC1858



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

Colour Palettes with #FC1858

Colour Compositions

RGB % of Colour #FC1858

CMYK % of Colour #FC1858

Related Colours along with #FC1858

Black background

Sample text in #FC1858 colour with black background colour.

White background

Sample text in #FC1858 colour with white background colour.

#FC1858 over22 #FF0066

Sample text in #FC1858 colour with #FF0066 background colour.

#FF0066 over FC1858

Sample text in #FF0066 colour with #FC1858 background colour.

#FC1858 over22 #636363

Sample text in #FC1858 colour with #636363 background colour.

#636363 over FC1858

Sample text in #636363 colour with #FC1858 background colour.

#FC1858 over22 #03E7A7

Sample text in #FC1858 colour with #03E7A7 background colour.

#03E7A7 over FC1858

Sample text in #03E7A7 colour with #FC1858 background colour.

#FC1858 over22 #1858FC

Sample text in #FC1858 colour with #1858FC background colour.

#1858FC over FC1858

Sample text in #1858FC colour with #FC1858 background colour.

#FC1858 over22 #18CAFC

Sample text in #FC1858 colour with #18CAFC background colour.

#18CAFC over FC1858

Sample text in #18CAFC colour with #FC1858 background colour.

#FC1858 over22 #18FC4A

Sample text in #FC1858 colour with #18FC4A background colour.

#18FC4A over FC1858

Sample text in #18FC4A colour with #FC1858 background colour.

#FC1858 over22 #18FC58

Sample text in #FC1858 colour with #18FC58 background colour.

#18FC58 over FC1858

Sample text in #18FC58 colour with #FC1858 background colour.

#FC1858 over22 #18FCBC

Sample text in #FC1858 colour with #18FCBC background colour.

#18FCBC over FC1858

Sample text in #18FCBC colour with #FC1858 background colour.

#FC1858 over22 #4A18FC

Sample text in #FC1858 colour with #4A18FC background colour.

#4A18FC over FC1858

Sample text in #4A18FC colour with #FC1858 background colour.

#FC1858 over22 #5818FC

Sample text in #FC1858 colour with #5818FC background colour.

#5818FC over FC1858

Sample text in #5818FC colour with #FC1858 background colour.

#FC1858 over22 #58FC18

Sample text in #FC1858 colour with #58FC18 background colour.

#58FC18 over FC1858

Sample text in #58FC18 colour with #FC1858 background colour.

#FC1858 over22 #BC18FC

Sample text in #FC1858 colour with #BC18FC background colour.

#BC18FC over FC1858

Sample text in #BC18FC colour with #FC1858 background colour.

#FC1858 over22 #CAFC18

Sample text in #FC1858 colour with #CAFC18 background colour.

#CAFC18 over FC1858

Sample text in #CAFC18 colour with #FC1858 background colour.

#FC1858 over22 #FC5818

Sample text in #FC1858 colour with #FC5818 background colour.

#FC5818 over FC1858

Sample text in #FC5818 colour with #FC1858 background colour.

#FC1858 over22 #FCBC18

Sample text in #FC1858 colour with #FCBC18 background colour.

#FCBC18 over FC1858

Sample text in #FCBC18 colour with #FC1858 background colour.