Colour code #FCF0F6

#FCF0F6
rgb(252, 240, 246)
rgb(98.8%, 94.1%, 96.5%)

RGB value of #FCF0F6 colour is rgb(252, 240, 246) where red value is 252, green value is 240 and the blue value is 246.

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

Cylindrical-coordinate representations (also known as HSL colours) of colour #FCF0F6 hue angle of 330°, saturation:66.7% and the lightness value is 96.5%.

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

Hex color #FCF0F6 is not a web safe color. Nearby web safe colour of #FCF0F6 is #FFFFFF.

Grayscale color of #FCF0F6 is #F4F4F4

Inverted color of #FCF0F6 is #030F09

OLE colour (RGB Long) of #FCF0F6 is 16183548

Decimal Value of #FCF0F6 is 16576758

Android / android.graphics.Color of #FCF0F6 is -200458 / 0xFFFCF0F6

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

Hex Triplets
#FCF0F6
RGB Decimal
rgb(252, 240, 246)
RGB Percent
rgb(98.82%, 94.12%, 96.47%)
RGBA
rgba(252, 240, 246, 1)
HSL
hsl(330, 66.7%, 96.5%)
HSLA
hsla(330, 66.7%, 96.5%, 1)

Colour spaces of #FCF0F6

  • RGB is opposite of CMY. CMY colours are complementary to RGB colours.
    R = 252
    98.82%
    G = 240
    94.12%
    B = 246
    96.47%

    C = 1.18%
    0.011764705882353
    M = 5.88%
    0.058823529411765
    Y = 3.53%
    0.035294117647059
  • HSL (HSI) – hue, saturation, lightness/intensity
    H = 330°
    0.91666666666667
    S = 66.7%
    0.66666666666667
    L = 96.5%
    0.96470588235294
  • HSV (HSB) – hue, saturation, brightness/value
    H = 330°
    0.91666666666667
    S = 4.76%
    0.047619047619048
    V = 98.82%
    0.98823529411765
  • CMYK – cyan, magenta, yellow, key/black
    C = 0
    0
    M = 4.76
    0.047619047619048
    Y = 2.38
    0.023809523809524
    K = 1.18
    0.011764705882353
  • CIE – International Commission on Illumination
    CIE XYZ
    CIE 1931 XYZ colour space
    X = 87.94
    87.939524464385
    Y = 89.669
    89.66944424129
    Z = 99.862
    99.861800910475

    Yxy
    CIE (x, y, Y)
    Y = 89.669
    89.66944424129
    x = 0.317
    0.31693257126161
    y = 0.323
    0.32316717312363

    Hunter-Lab
    Hunter 1948 colour space
    L = 94.69
    94.693951359783
    a = 0.05
    0.053354777093091
    b = 3.76
    3.7600598115863

    CIELAB
    CIE 1976 (L*, a*, b*)
    L = 95.86
    95.859484933363
    a = 5.06
    5.0597144511731
    b = -1.46
    -1.455358504674

    CIELUV
    CIE 1976 (L*, u*, v*)
    L = 95.8595
    95.859484933363
    u = 6.4643
    6.4643354596168
    v = -3.1639
    -3.1639239580128

    CIELCH
    Cylindrical representation
    L = 95.8595
    95.859484933363
    C = 5.2649
    5.2648626482119
    H = 343.9528
    343.95283370677

    YIQ
    Luma In-phase Quadrature
    Y = 0.9579
    0.95792941176471
    I = 0.0205
    0.020494117647059
    Q = 0.0173
    0.017294117647059

Base Numbers

Base Red Green Blue
Binary 11111100 11110000 11110110
Octal 374 360 366
Decimal 252 240 246
Hex FC F0 F6


Colour Harmonies : #FCF0F6 colour combinations

Complementary colour scheme for #FCF0F6

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

Split-complementary colour scheme for #FCF0F6

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 #FCF0F6 are calculated by changing the hue by ±5/12 (±150°): 330° → 180° (330°-150°), 480° (330°+150°).

Triadic colours scheme for #FCF0F6

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 #FCF0F6 are calculated by changing the hue by ±1/3 (±120°): 330° → 210° (330°-120°), 450° (330°+120°).

Tetradic (Rectangle) colour scheme for #FCF0F6

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 #FCF0F6 are calculated by changing the hue as follows : 330° → 450° (330°+120°), 510° (330°+180°), 630° (330°+300°).


Four tetradic scheme colours (counter-clockwise) for #FCF0F6 are calculated by changing the hue as follows : 330° → 210° (330°-120°), 150° (330°-180°), 30° (330°-300°).

Tetradic Square Colour Scheme for #FCF0F6

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 #FCF0F6 are calculated by changing the hue by 1/4 (90°) progressively : 330° → 420° (330°+90°), 510° (330°+180°), 600° (330°+270°).

Analagous colours of #FCF0F6

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 #FCF0F6 are calculated by changing the hue by ±1/12 (i.e. 30°): 330° → 360° (330°+30°), 300° (330°-30°).

RGB Variations of #FCF0F6

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

Monochromatic colours of #FCF0F6

Shade Colour Variation of #FCF0F6 (Darker)

A shade is achieved by adding black to any pure hue

Tint Colour Variation of #FCF0F6 (Brighter)

Tint is created by mixing white to any pure color

Tones of #FCF0F6 colour with more saturation

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

Tones of #FCF0F6 colour with less saturation

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

#FCF0F6 Colour in CSS Codes


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

Text with hexadecimal font colour #FCF0F6

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


#FCF0F6 Background Colour

This div background Colour is #FCF0F6


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


#FCF0F6 Border Colour

This div border Colour is #FCF0F6


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

CSS3 Examples


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


Text Shadow with RGB Values

This text has shadow with rgb values.


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


Text Shadow with HEX Values

This text has shadow with hex values.


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


Div Box Shadow

This div box has shadow with Colour # FCF0F6



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

Colour Compositions

RGB % of Colour #FCF0F6

CMYK % of Colour #FCF0F6

Related Colours along with #FCF0F6

Black background

Sample text in #FCF0F6 colour with black background colour.

White background

Sample text in #FCF0F6 colour with white background colour.

#FCF0F6 over22 #030F09

Sample text in #FCF0F6 colour with #030F09 background colour.

#030F09 over FCF0F6

Sample text in #030F09 colour with #FCF0F6 background colour.

#FCF0F6 over22 #F0F0FC

Sample text in #FCF0F6 colour with #F0F0FC background colour.

#F0F0FC over FCF0F6

Sample text in #F0F0FC colour with #FCF0F6 background colour.

#FCF0F6 over22 #F0F6FC

Sample text in #FCF0F6 colour with #F0F6FC background colour.

#F0F6FC over FCF0F6

Sample text in #F0F6FC colour with #FCF0F6 background colour.

#FCF0F6 over22 #F0FCF0

Sample text in #FCF0F6 colour with #F0FCF0 background colour.

#F0FCF0 over FCF0F6

Sample text in #F0FCF0 colour with #FCF0F6 background colour.

#FCF0F6 over22 #F0FCF6

Sample text in #FCF0F6 colour with #F0FCF6 background colour.

#F0FCF6 over FCF0F6

Sample text in #F0FCF6 colour with #FCF0F6 background colour.

#FCF0F6 over22 #F0FCFC

Sample text in #FCF0F6 colour with #F0FCFC background colour.

#F0FCFC over FCF0F6

Sample text in #F0FCFC colour with #FCF0F6 background colour.

#FCF0F6 over22 #F4F4F4

Sample text in #FCF0F6 colour with #F4F4F4 background colour.

#F4F4F4 over FCF0F6

Sample text in #F4F4F4 colour with #FCF0F6 background colour.

#FCF0F6 over22 #F6F0FC

Sample text in #FCF0F6 colour with #F6F0FC background colour.

#F6F0FC over FCF0F6

Sample text in #F6F0FC colour with #FCF0F6 background colour.

#FCF0F6 over22 #F6FCF0

Sample text in #FCF0F6 colour with #F6FCF0 background colour.

#F6FCF0 over FCF0F6

Sample text in #F6FCF0 colour with #FCF0F6 background colour.

#FCF0F6 over22 #FCF6F0

Sample text in #FCF0F6 colour with #FCF6F0 background colour.

#FCF6F0 over FCF0F6

Sample text in #FCF6F0 colour with #FCF0F6 background colour.

#FCF0F6 over22 #FCFCF0

Sample text in #FCF0F6 colour with #FCFCF0 background colour.

#FCFCF0 over FCF0F6

Sample text in #FCFCF0 colour with #FCF0F6 background colour.

#FCF0F6 over22 #FFFFFF

Sample text in #FCF0F6 colour with #FFFFFF background colour.

#FFFFFF over FCF0F6

Sample text in #FFFFFF colour with #FCF0F6 background colour.