Colour code #FC1758

#FC1758
rgb(252, 23, 88)
rgb(98.8%, 9%, 34.5%)

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

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

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

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

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

Grayscale color of #FC1758 is #626262

Inverted color of #FC1758 is #03E8A7

OLE colour (RGB Long) of #FC1758 is 5773308

Decimal Value of #FC1758 is 16521048

Android / android.graphics.Color of #FC1758 is -256168 / 0xFFFC1758

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

Hex Triplets
#FC1758
RGB Decimal
rgb(252, 23, 88)
RGB Percent
rgb(98.82%, 9.02%, 34.51%)
RGBA
rgba(252, 23, 88, 1)
HSL
hsl(343, 97.4%, 53.9%)
HSLA
hsla(343, 97.4%, 53.9%, 1)

Colour spaces of #FC1758

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

    C = 1.18%
    0.011764705882353
    M = 90.98%
    0.90980392156863
    Y = 65.49%
    0.65490196078431
  • HSL (HSI) – hue, saturation, lightness/intensity
    H = 343°
    0.95269286754003
    S = 97.4%
    0.97446808510638
    L = 53.9%
    0.53921568627451
  • HSV (HSB) – hue, saturation, brightness/value
    H = 343°
    0.95269286754003
    S = 90.87%
    0.90873015873016
    V = 98.82%
    0.98823529411765
  • CMYK – cyan, magenta, yellow, key/black
    C = 0
    0
    M = 90.87
    0.90873015873016
    Y = 65.08
    0.65079365079365
    K = 1.18
    0.011764705882353
  • CIE – International Commission on Illumination
    CIE XYZ
    CIE 1931 XYZ colour space
    X = 42.213
    42.212731564043
    Y = 22.013
    22.012819864439
    Z = 11.257
    11.25655881367

    Yxy
    CIE (x, y, Y)
    Y = 22.013
    22.012819864439
    x = 0.559
    0.5592415398645
    y = 0.292
    0.29162962977347

    Hunter-Lab
    Hunter 1948 colour space
    L = 46.92
    46.917821629354
    a = 78.49
    78.493181908532
    b = 18.62
    18.617574049979

    CIELAB
    CIE 1976 (L*, a*, b*)
    L = 54.04
    54.04060397693
    a = 79.58
    79.580766902301
    b = 26.89
    26.892896927885

    CIELUV
    CIE 1976 (L*, u*, v*)
    L = 54.0406
    54.04060397693
    u = 153.0599
    153.05993398232
    v = 13.645
    13.645003581153

    CIELCH
    Cylindrical representation
    L = 54.0406
    54.04060397693
    C = 84.0019
    84.001942631896
    H = 18.6718
    18.671762494358

    YIQ
    Luma In-phase Quadrature
    Y = 0.3878
    0.38776862745098
    I = 0.4534
    0.45340784313725
    Q = 0.2697
    0.26965882352941

Base Numbers

Base Red Green Blue
Binary 11111100 00010111 01011000
Octal 374 27 130
Decimal 252 23 88
Hex FC 17 58


Colour Harmonies : #FC1758 colour combinations

Complementary colour scheme for #FC1758

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

Split-complementary colour scheme for #FC1758

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 #FC1758 are calculated by changing the hue by ±5/12 (±150°): 343° → 193° (343°-150°), 493° (343°+150°).

Triadic colours scheme for #FC1758

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 #FC1758 are calculated by changing the hue by ±1/3 (±120°): 343° → 223° (343°-120°), 463° (343°+120°).

Tetradic (Rectangle) colour scheme for #FC1758

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 #FC1758 are calculated by changing the hue as follows : 343° → 463° (343°+120°), 523° (343°+180°), 643° (343°+300°).


Four tetradic scheme colours (counter-clockwise) for #FC1758 are calculated by changing the hue as follows : 343° → 223° (343°-120°), 163° (343°-180°), 43° (343°-300°).

Tetradic Square Colour Scheme for #FC1758

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 #FC1758 are calculated by changing the hue by 1/4 (90°) progressively : 343° → 433° (343°+90°), 523° (343°+180°), 613° (343°+270°).

Analagous colours of #FC1758

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 #FC1758 are calculated by changing the hue by ±1/12 (i.e. 30°): 343° → 373° (343°+30°), 313° (343°-30°).

RGB Variations of #FC1758

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

Monochromatic colours of #FC1758

Shade Colour Variation of #FC1758 (Darker)

A shade is achieved by adding black to any pure hue

Tint Colour Variation of #FC1758 (Brighter)

Tint is created by mixing white to any pure color

Tones of #FC1758 colour with more saturation

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

Tones of #FC1758 colour with less saturation

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

#FC1758 Colour in CSS Codes


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

Text with hexadecimal font colour #FC1758

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


#FC1758 Background Colour

This div background Colour is #FC1758


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


#FC1758 Border Colour

This div border Colour is #FC1758


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

CSS3 Examples


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


Text Shadow with RGB Values

This text has shadow with rgb values.


<p style="text-shadow: 4px 4px 2px rgba(252, 23, 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 #FC1758">Text here</p>


Div Box Shadow

This div box has shadow with Colour # FC1758



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

Colour Compositions

RGB % of Colour #FC1758

CMYK % of Colour #FC1758

Related Colours along with #FC1758

Black background

Sample text in #FC1758 colour with black background colour.

White background

Sample text in #FC1758 colour with white background colour.

#FC1758 over22 #FF0066

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

#FF0066 over FC1758

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

#FC1758 over22 #626262

Sample text in #FC1758 colour with #626262 background colour.

#626262 over FC1758

Sample text in #626262 colour with #FC1758 background colour.

#FC1758 over22 #03E8A7

Sample text in #FC1758 colour with #03E8A7 background colour.

#03E8A7 over FC1758

Sample text in #03E8A7 colour with #FC1758 background colour.

#FC1758 over22 #1758FC

Sample text in #FC1758 colour with #1758FC background colour.

#1758FC over FC1758

Sample text in #1758FC colour with #FC1758 background colour.

#FC1758 over22 #17CBFC

Sample text in #FC1758 colour with #17CBFC background colour.

#17CBFC over FC1758

Sample text in #17CBFC colour with #FC1758 background colour.

#FC1758 over22 #17FC49

Sample text in #FC1758 colour with #17FC49 background colour.

#17FC49 over FC1758

Sample text in #17FC49 colour with #FC1758 background colour.

#FC1758 over22 #17FC58

Sample text in #FC1758 colour with #17FC58 background colour.

#17FC58 over FC1758

Sample text in #17FC58 colour with #FC1758 background colour.

#FC1758 over22 #17FCBB

Sample text in #FC1758 colour with #17FCBB background colour.

#17FCBB over FC1758

Sample text in #17FCBB colour with #FC1758 background colour.

#FC1758 over22 #4917FC

Sample text in #FC1758 colour with #4917FC background colour.

#4917FC over FC1758

Sample text in #4917FC colour with #FC1758 background colour.

#FC1758 over22 #5817FC

Sample text in #FC1758 colour with #5817FC background colour.

#5817FC over FC1758

Sample text in #5817FC colour with #FC1758 background colour.

#FC1758 over22 #58FC17

Sample text in #FC1758 colour with #58FC17 background colour.

#58FC17 over FC1758

Sample text in #58FC17 colour with #FC1758 background colour.

#FC1758 over22 #BB17FC

Sample text in #FC1758 colour with #BB17FC background colour.

#BB17FC over FC1758

Sample text in #BB17FC colour with #FC1758 background colour.

#FC1758 over22 #CBFC17

Sample text in #FC1758 colour with #CBFC17 background colour.

#CBFC17 over FC1758

Sample text in #CBFC17 colour with #FC1758 background colour.

#FC1758 over22 #FC5817

Sample text in #FC1758 colour with #FC5817 background colour.

#FC5817 over FC1758

Sample text in #FC5817 colour with #FC1758 background colour.

#FC1758 over22 #FCBB17

Sample text in #FC1758 colour with #FCBB17 background colour.

#FCBB17 over FC1758

Sample text in #FCBB17 colour with #FC1758 background colour.