Colour code #FECCCD

#FECCCD
rgb(254, 204, 205)
rgb(99.6%, 80%, 80.4%)

RGB value of #FECCCD colour is rgb(254, 204, 205) where red value is 254, green value is 204 and the blue value is 205.

Max value from RGB for colour #FECCCD is 254 which contains mainly Red colour.

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

The process colour (four Colour CMYK) of #FECCCD colour is Cyan = 0, Magento = 0.2, Yellow = 0.19, and Key/Black (K on CMYK) = 0.

Hex color #FECCCD is not a web safe color. Nearby web safe colour of #FECCCD is #FFCCCC.

Grayscale color of #FECCCD is #DBDBDB

Inverted color of #FECCCD is #013332

OLE colour (RGB Long) of #FECCCD is 13487358

Decimal Value of #FECCCD is 16698573

Android / android.graphics.Color of #FECCCD is -78643 / 0xFFFECCCD

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

Hex Triplets
#FECCCD
RGB Decimal
rgb(254, 204, 205)
RGB Percent
rgb(99.61%, 80%, 80.39%)
RGBA
rgba(254, 204, 205, 1)
HSL
hsl(358.8, 96.2%, 89.8%)
HSLA
hsla(358.8, 96.2%, 89.8%, 1)

Colour spaces of #FECCCD

  • RGB is opposite of CMY. CMY colours are complementary to RGB colours.
    R = 254
    99.61%
    G = 204
    80%
    B = 205
    80.39%

    C = 0.39%
    0.003921568627451
    M = 20%
    0.2
    Y = 19.61%
    0.19607843137255
  • HSL (HSI) – hue, saturation, lightness/intensity
    H = 358.8°
    0.99666666666667
    S = 96.2%
    0.96153846153846
    L = 89.8%
    0.89803921568627
  • HSV (HSB) – hue, saturation, brightness/value
    H = 358.8°
    0.99666666666667
    S = 19.69%
    0.19685039370079
    V = 99.61%
    0.99607843137255
  • CMYK – cyan, magenta, yellow, key/black
    C = 0
    0
    M = 19.69
    0.19685039370079
    Y = 19.29
    0.19291338582677
    K = 0.39
    0.003921568627451
  • CIE – International Commission on Illumination
    CIE XYZ
    CIE 1931 XYZ colour space
    X = 73.485
    73.485361175523
    Y = 68.664
    68.664339880807
    Z = 67.138
    67.138052931873

    Yxy
    CIE (x, y, Y)
    Y = 68.664
    68.664339880807
    x = 0.351
    0.35112117061405
    y = 0.328
    0.32808579848717

    Hunter-Lab
    Hunter 1948 colour space
    L = 82.86
    82.86394866334
    a = 13.29
    13.28536122702
    b = 9.97
    9.9668027730749

    CIELAB
    CIE 1976 (L*, a*, b*)
    L = 86.34
    86.337563365342
    a = 17.8
    17.796244404901
    b = 6.22
    6.2153351493922

    CIELUV
    CIE 1976 (L*, u*, v*)
    L = 86.3376
    86.337563365342
    u = 30.7827
    30.782656751287
    v = 5.9038
    5.9037625213057

    CIELCH
    Cylindrical representation
    L = 86.3376
    86.337563365342
    C = 18.8504
    18.850376811571
    H = 19.2517
    19.251745803968

    YIQ
    Luma In-phase Quadrature
    Y = 0.8591
    0.85907450980392
    I = 0.1156
    0.11560392156863
    Q = 0.0428
    0.042788235294118

Base Numbers

Base Red Green Blue
Binary 11111110 11001100 11001101
Octal 376 314 315
Decimal 254 204 205
Hex FE CC CD


Colour Harmonies : #FECCCD colour combinations

Complementary colour scheme for #FECCCD

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

Split-complementary colour scheme for #FECCCD

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 #FECCCD are calculated by changing the hue by ±5/12 (±150°): 358.8° → 208.8° (358.8°-150°), 508.8° (358.8°+150°).

Triadic colours scheme for #FECCCD

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 #FECCCD are calculated by changing the hue by ±1/3 (±120°): 358.8° → 238.8° (358.8°-120°), 478.8° (358.8°+120°).

Tetradic (Rectangle) colour scheme for #FECCCD

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 #FECCCD are calculated by changing the hue as follows : 358.8° → 478.8° (358.8°+120°), 538.8° (358.8°+180°), 658.8° (358.8°+300°).


Four tetradic scheme colours (counter-clockwise) for #FECCCD are calculated by changing the hue as follows : 358.8° → 238.8° (358.8°-120°), 178.8° (358.8°-180°), 58.8° (358.8°-300°).

Tetradic Square Colour Scheme for #FECCCD

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 #FECCCD are calculated by changing the hue by 1/4 (90°) progressively : 358.8° → 448.8° (358.8°+90°), 538.8° (358.8°+180°), 628.8° (358.8°+270°).

Analagous colours of #FECCCD

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 #FECCCD are calculated by changing the hue by ±1/12 (i.e. 30°): 358.8° → 388.8° (358.8°+30°), 328.8° (358.8°-30°).

RGB Variations of #FECCCD

(R:FE, G:CC, B:FE)

Monochromatic colours of #FECCCD

Shade Colour Variation of #FECCCD (Darker)

A shade is achieved by adding black to any pure hue

Tint Colour Variation of #FECCCD (Brighter)

Tint is created by mixing white to any pure color

Tones of #FECCCD colour with more saturation

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

Tones of #FECCCD colour with less saturation

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

#FECCCD Colour in CSS Codes


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

Text with hexadecimal font colour #FECCCD

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


#FECCCD Background Colour

This div background Colour is #FECCCD


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


#FECCCD Border Colour

This div border Colour is #FECCCD


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

CSS3 Examples


.textShadowRgb {
    text-shadow: 4px 4px 2px rgba(254, 204, 205, 0.8);
} 
.textShadowHex { 
    text-shadow: 4px 4px 2px #FECCCD;
}
.divShadow { 
    -moz-box-shadow: 1px 1px 3px 2px #FECCCD;
    -webkit-box-shadow: 1px 1px 3px 2px #FECCCD;
    box-shadow: 1px 1px 3px 2px #FECCCD;
}


Text Shadow with RGB Values

This text has shadow with rgb values.


<p style="text-shadow: 4px 4px 2px rgba(254, 204, 205, 0.8);">Text here</p>


Text Shadow with HEX Values

This text has shadow with hex values.


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


Div Box Shadow

This div box has shadow with Colour # FECCCD



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

Colour Compositions

RGB % of Colour #FECCCD

CMYK % of Colour #FECCCD

Related Colours along with #FECCCD

Black background

Sample text in #FECCCD colour with black background colour.

White background

Sample text in #FECCCD colour with white background colour.

#FECCCD over22 #013332

Sample text in #FECCCD colour with #013332 background colour.

#013332 over FECCCD

Sample text in #013332 colour with #FECCCD background colour.

#FECCCD over22 #CCCDFE

Sample text in #FECCCD colour with #CCCDFE background colour.

#CCCDFE over FECCCD

Sample text in #CCCDFE colour with #FECCCD background colour.

#FECCCD over22 #CCE6FE

Sample text in #FECCCD colour with #CCE6FE background colour.

#CCE6FE over FECCCD

Sample text in #CCE6FE colour with #FECCCD background colour.

#FECCCD over22 #CCFECD

Sample text in #FECCCD colour with #CCFECD background colour.

#CCFECD over FECCCD

Sample text in #CCFECD colour with #FECCCD background colour.

#FECCCD over22 #CCFEE4

Sample text in #FECCCD colour with #CCFEE4 background colour.

#CCFEE4 over FECCCD

Sample text in #CCFEE4 colour with #FECCCD background colour.

#FECCCD over22 #CCFEFD

Sample text in #FECCCD colour with #CCFEFD background colour.

#CCFEFD over FECCCD

Sample text in #CCFEFD colour with #FECCCD background colour.

#FECCCD over22 #CDCCFE

Sample text in #FECCCD colour with #CDCCFE background colour.

#CDCCFE over FECCCD

Sample text in #CDCCFE colour with #FECCCD background colour.

#FECCCD over22 #CDFECC

Sample text in #FECCCD colour with #CDFECC background colour.

#CDFECC over FECCCD

Sample text in #CDFECC colour with #FECCCD background colour.

#FECCCD over22 #DBDBDB

Sample text in #FECCCD colour with #DBDBDB background colour.

#DBDBDB over FECCCD

Sample text in #DBDBDB colour with #FECCCD background colour.

#FECCCD over22 #E4CCFE

Sample text in #FECCCD colour with #E4CCFE background colour.

#E4CCFE over FECCCD

Sample text in #E4CCFE colour with #FECCCD background colour.

#FECCCD over22 #E6FECC

Sample text in #FECCCD colour with #E6FECC background colour.

#E6FECC over FECCCD

Sample text in #E6FECC colour with #FECCCD background colour.

#FECCCD over22 #FDCCFE

Sample text in #FECCCD colour with #FDCCFE background colour.

#FDCCFE over FECCCD

Sample text in #FDCCFE colour with #FECCCD background colour.

#FECCCD over22 #FECDCC

Sample text in #FECCCD colour with #FECDCC background colour.

#FECDCC over FECCCD

Sample text in #FECDCC colour with #FECCCD background colour.

#FECCCD over22 #FEFDCC

Sample text in #FECCCD colour with #FEFDCC background colour.

#FEFDCC over FECCCD

Sample text in #FEFDCC colour with #FECCCD background colour.

#FECCCD over22 #FFCCCC

Sample text in #FECCCD colour with #FFCCCC background colour.

#FFCCCC over FECCCD

Sample text in #FFCCCC colour with #FECCCD background colour.