Colour code #FC8564

#FC8564
rgb(252, 133, 100)
rgb(98.8%, 52.2%, 39.2%)

RGB value of #FC8564 colour is rgb(252, 133, 100) where red value is 252, green value is 133 and the blue value is 100.

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

Cylindrical-coordinate representations (also known as HSL colours) of colour #FC8564 hue angle of 13°, saturation:96.2% and the lightness value is 69%.

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

Hex color #FC8564 is not a web safe color. Nearby web safe colour of #FC8564 is #FF9966.

Grayscale color of #FC8564 is #A5A5A5

Inverted color of #FC8564 is #037A9B

OLE colour (RGB Long) of #FC8564 is 6587900

Decimal Value of #FC8564 is 16549220

Android / android.graphics.Color of #FC8564 is -227996 / 0xFFFC8564

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

Hex Triplets
#FC8564
RGB Decimal
rgb(252, 133, 100)
RGB Percent
rgb(98.82%, 52.16%, 39.22%)
RGBA
rgba(252, 133, 100, 1)
HSL
hsl(13, 96.2%, 69%)
HSLA
hsla(13, 96.2%, 69%, 1)

Colour spaces of #FC8564

  • RGB is opposite of CMY. CMY colours are complementary to RGB colours.
    R = 252
    98.82%
    G = 133
    52.16%
    B = 100
    39.22%

    C = 1.18%
    0.011764705882353
    M = 47.84%
    0.47843137254902
    Y = 60.78%
    0.6078431372549
  • HSL (HSI) – hue, saturation, lightness/intensity
    H = 13°
    0.036184210526316
    S = 96.2%
    0.9620253164557
    L = 69%
    0.69019607843137
  • HSV (HSB) – hue, saturation, brightness/value
    H = 13°
    0.036184210526316
    S = 60.32%
    0.6031746031746
    V = 98.82%
    0.98823529411765
  • CMYK – cyan, magenta, yellow, key/black
    C = 0
    0
    M = 47.22
    0.47222222222222
    Y = 60.32
    0.6031746031746
    K = 1.18
    0.011764705882353
  • CIE – International Commission on Illumination
    CIE XYZ
    CIE 1931 XYZ colour space
    X = 50.833
    50.832662725972
    Y = 38.391
    38.390604562771
    Z = 16.788
    16.787543875236

    Yxy
    CIE (x, y, Y)
    Y = 38.391
    38.390604562771
    x = 0.48
    0.47950451626432
    y = 0.362
    0.3621385794642

    Hunter-Lab
    Hunter 1948 colour space
    L = 61.96
    61.960152164735
    a = 38.01
    38.012729404522
    b = 27.31
    27.308016263947

    CIELAB
    CIE 1976 (L*, a*, b*)
    L = 68.31
    68.307518465512
    a = 42.46
    42.461071127113
    b = 38.11
    38.113950349139

    CIELUV
    CIE 1976 (L*, u*, v*)
    L = 68.3075
    68.307518465512
    u = 90.9991
    90.999127263142
    v = 37.2828
    37.282816591038

    CIELCH
    Cylindrical representation
    L = 68.3075
    68.307518465512
    C = 57.058
    57.058003579501
    H = 41.9118
    41.911816717629

    YIQ
    Luma In-phase Quadrature
    Y = 0.6463
    0.64634901960784
    I = 0.3197
    0.31967450980392
    Q = 0.0587
    0.058686274509804

Base Numbers

Base Red Green Blue
Binary 11111100 10000101 01100100
Octal 374 205 144
Decimal 252 133 100
Hex FC 85 64


Colour Harmonies : #FC8564 colour combinations

Complementary colour scheme for #FC8564

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

Split-complementary colour scheme for #FC8564

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 #FC8564 are calculated by changing the hue by ±5/12 (±150°): 13° → -137° (13°-150°), 163° (13°+150°).

Triadic colours scheme for #FC8564

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 #FC8564 are calculated by changing the hue by ±1/3 (±120°): 13° → -107° (13°-120°), 133° (13°+120°).

Tetradic (Rectangle) colour scheme for #FC8564

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 #FC8564 are calculated by changing the hue as follows : 13° → 133° (13°+120°), 193° (13°+180°), 313° (13°+300°).


Four tetradic scheme colours (counter-clockwise) for #FC8564 are calculated by changing the hue as follows : 13° → -107° (13°-120°), -167° (13°-180°), -287° (13°-300°).

Tetradic Square Colour Scheme for #FC8564

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 #FC8564 are calculated by changing the hue by 1/4 (90°) progressively : 13° → 103° (13°+90°), 193° (13°+180°), 283° (13°+270°).

Analagous colours of #FC8564

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 #FC8564 are calculated by changing the hue by ±1/12 (i.e. 30°): 13° → 43° (13°+30°), -17° (13°-30°).

RGB Variations of #FC8564

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

Monochromatic colours of #FC8564

Shade Colour Variation of #FC8564 (Darker)

A shade is achieved by adding black to any pure hue

Tint Colour Variation of #FC8564 (Brighter)

Tint is created by mixing white to any pure color

Tones of #FC8564 colour with more saturation

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

Tones of #FC8564 colour with less saturation

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

#FC8564 Colour in CSS Codes


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

Text with hexadecimal font colour #FC8564

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


#FC8564 Background Colour

This div background Colour is #FC8564


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


#FC8564 Border Colour

This div border Colour is #FC8564


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

CSS3 Examples


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


Text Shadow with RGB Values

This text has shadow with rgb values.


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


Text Shadow with HEX Values

This text has shadow with hex values.


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


Div Box Shadow

This div box has shadow with Colour # FC8564



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

Colour Palettes with #FC8564

Colour Compositions

RGB % of Colour #FC8564

CMYK % of Colour #FC8564

Related Colours along with #FC8564

Black background

Sample text in #FC8564 colour with black background colour.

White background

Sample text in #FC8564 colour with white background colour.

#FC8564 over22 #037A9B

Sample text in #FC8564 colour with #037A9B background colour.

#037A9B over FC8564

Sample text in #037A9B colour with #FC8564 background colour.

#FC8564 over22 #6485FC

Sample text in #FC8564 colour with #6485FC background colour.

#6485FC over FC8564

Sample text in #6485FC colour with #FC8564 background colour.

#FC8564 over22 #648FFC

Sample text in #FC8564 colour with #648FFC background colour.

#648FFC over FC8564

Sample text in #648FFC colour with #FC8564 background colour.

#FC8564 over22 #64DBFC

Sample text in #FC8564 colour with #64DBFC background colour.

#64DBFC over FC8564

Sample text in #64DBFC colour with #FC8564 background colour.

#FC8564 over22 #64FC85

Sample text in #FC8564 colour with #64FC85 background colour.

#64FC85 over FC8564

Sample text in #64FC85 colour with #FC8564 background colour.

#FC8564 over22 #64FCD1

Sample text in #FC8564 colour with #64FCD1 background colour.

#64FCD1 over FC8564

Sample text in #64FCD1 colour with #FC8564 background colour.

#FC8564 over22 #8564FC

Sample text in #FC8564 colour with #8564FC background colour.

#8564FC over FC8564

Sample text in #8564FC colour with #FC8564 background colour.

#FC8564 over22 #85FC64

Sample text in #FC8564 colour with #85FC64 background colour.

#85FC64 over FC8564

Sample text in #85FC64 colour with #FC8564 background colour.

#FC8564 over22 #8FFC64

Sample text in #FC8564 colour with #8FFC64 background colour.

#8FFC64 over FC8564

Sample text in #8FFC64 colour with #FC8564 background colour.

#FC8564 over22 #A5A5A5

Sample text in #FC8564 colour with #A5A5A5 background colour.

#A5A5A5 over FC8564

Sample text in #A5A5A5 colour with #FC8564 background colour.

#FC8564 over22 #D164FC

Sample text in #FC8564 colour with #D164FC background colour.

#D164FC over FC8564

Sample text in #D164FC colour with #FC8564 background colour.

#FC8564 over22 #DBFC64

Sample text in #FC8564 colour with #DBFC64 background colour.

#DBFC64 over FC8564

Sample text in #DBFC64 colour with #FC8564 background colour.

#FC8564 over22 #FC6485

Sample text in #FC8564 colour with #FC6485 background colour.

#FC6485 over FC8564

Sample text in #FC6485 colour with #FC8564 background colour.

#FC8564 over22 #FC64DB

Sample text in #FC8564 colour with #FC64DB background colour.

#FC64DB over FC8564

Sample text in #FC64DB colour with #FC8564 background colour.

#FC8564 over22 #FF9966

Sample text in #FC8564 colour with #FF9966 background colour.

#FF9966 over FC8564

Sample text in #FF9966 colour with #FC8564 background colour.