Colour code #FDD1E6

#FDD1E6
rgb(253, 209, 230)
rgb(99.2%, 82%, 90.2%)

RGB value of #FDD1E6 colour is rgb(253, 209, 230) where red value is 253, green value is 209 and the blue value is 230.

Max value from RGB for colour #FDD1E6 is 253 which contains mainly Red colour.

Cylindrical-coordinate representations (also known as HSL colours) of colour #FDD1E6 hue angle of 331.4°, saturation:91.7% and the lightness value is 90.6%.

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

Hex color #FDD1E6 is not a web safe color. Nearby web safe colour of #FDD1E6 is #FFCCFF.

Grayscale color of #FDD1E6 is #E0E0E0

Inverted color of #FDD1E6 is #022E19

OLE colour (RGB Long) of #FDD1E6 is 15127037

Decimal Value of #FDD1E6 is 16634342

Android / android.graphics.Color of #FDD1E6 is -142874 / 0xFFFDD1E6

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

Hex Triplets
#FDD1E6
RGB Decimal
rgb(253, 209, 230)
RGB Percent
rgb(99.22%, 81.96%, 90.2%)
RGBA
rgba(253, 209, 230, 1)
HSL
hsl(331.4, 91.7%, 90.6%)
HSLA
hsla(331.4, 91.7%, 90.6%, 1)

Colour spaces of #FDD1E6

  • RGB is opposite of CMY. CMY colours are complementary to RGB colours.
    R = 253
    99.22%
    G = 209
    81.96%
    B = 230
    90.2%

    C = 0.78%
    0.0078431372549019
    M = 18.04%
    0.18039215686275
    Y = 9.8%
    0.098039215686274
  • HSL (HSI) – hue, saturation, lightness/intensity
    H = 331.4°
    0.92045454545455
    S = 91.7%
    0.91666666666667
    L = 90.6%
    0.90588235294118
  • HSV (HSB) – hue, saturation, brightness/value
    H = 331.4°
    0.92045454545455
    S = 17.39%
    0.17391304347826
    V = 99.22%
    0.9921568627451
  • CMYK – cyan, magenta, yellow, key/black
    C = 0
    0
    M = 17.39
    0.17391304347826
    Y = 9.09
    0.090909090909091
    K = 0.78
    0.0078431372549019
  • CIE – International Commission on Illumination
    CIE XYZ
    CIE 1931 XYZ colour space
    X = 77.591
    77.591404732768
    Y = 72.197
    72.196746257337
    Z = 84.709
    84.708767528768

    Yxy
    CIE (x, y, Y)
    Y = 72.197
    72.196746257337
    x = 0.331
    0.33088453879416
    y = 0.308
    0.30787929629671

    Hunter-Lab
    Hunter 1948 colour space
    L = 84.97
    84.968668494532
    a = 14.31
    14.306863592236
    b = 0.37
    0.36942336262372

    CIELAB
    CIE 1976 (L*, a*, b*)
    L = 88.06
    88.063205060588
    a = 18.75
    18.750938655937
    b = -4.52
    -4.5248775704928

    CIELUV
    CIE 1976 (L*, u*, v*)
    L = 88.0632
    88.063205060588
    u = 24.6722
    24.672247438421
    v = -10.3342
    -10.334200431479

    CIELCH
    Cylindrical representation
    L = 88.0632
    88.063205060588
    C = 19.2892
    19.289173582781
    H = 346.4331
    346.43306250077

    YIQ
    Luma In-phase Quadrature
    Y = 0.8806
    0.88058823529412
    I = 0.0764
    0.076403921568627
    Q = 0.0622
    0.062192156862745

Base Numbers

Base Red Green Blue
Binary 11111101 11010001 11100110
Octal 375 321 346
Decimal 253 209 230
Hex FD D1 E6


Colour Harmonies : #FDD1E6 colour combinations

Complementary colour scheme for #FDD1E6

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

Split-complementary colour scheme for #FDD1E6

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 #FDD1E6 are calculated by changing the hue by ±5/12 (±150°): 331.4° → 181.4° (331.4°-150°), 481.4° (331.4°+150°).

Triadic colours scheme for #FDD1E6

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 #FDD1E6 are calculated by changing the hue by ±1/3 (±120°): 331.4° → 211.4° (331.4°-120°), 451.4° (331.4°+120°).

Tetradic (Rectangle) colour scheme for #FDD1E6

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 #FDD1E6 are calculated by changing the hue as follows : 331.4° → 451.4° (331.4°+120°), 511.4° (331.4°+180°), 631.4° (331.4°+300°).


Four tetradic scheme colours (counter-clockwise) for #FDD1E6 are calculated by changing the hue as follows : 331.4° → 211.4° (331.4°-120°), 151.4° (331.4°-180°), 31.4° (331.4°-300°).

Tetradic Square Colour Scheme for #FDD1E6

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 #FDD1E6 are calculated by changing the hue by 1/4 (90°) progressively : 331.4° → 421.4° (331.4°+90°), 511.4° (331.4°+180°), 601.4° (331.4°+270°).

Analagous colours of #FDD1E6

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 #FDD1E6 are calculated by changing the hue by ±1/12 (i.e. 30°): 331.4° → 361.4° (331.4°+30°), 301.4° (331.4°-30°).

RGB Variations of #FDD1E6

(R:FD, G:D1, B:FD)

Monochromatic colours of #FDD1E6

Shade Colour Variation of #FDD1E6 (Darker)

A shade is achieved by adding black to any pure hue

Tint Colour Variation of #FDD1E6 (Brighter)

Tint is created by mixing white to any pure color

Tones of #FDD1E6 colour with more saturation

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

Tones of #FDD1E6 colour with less saturation

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

#FDD1E6 Colour in CSS Codes


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

Text with hexadecimal font colour #FDD1E6

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


#FDD1E6 Background Colour

This div background Colour is #FDD1E6


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


#FDD1E6 Border Colour

This div border Colour is #FDD1E6


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

CSS3 Examples


.textShadowRgb {
    text-shadow: 4px 4px 2px rgba(253, 209, 230, 0.8);
} 
.textShadowHex { 
    text-shadow: 4px 4px 2px #FDD1E6;
}
.divShadow { 
    -moz-box-shadow: 1px 1px 3px 2px #FDD1E6;
    -webkit-box-shadow: 1px 1px 3px 2px #FDD1E6;
    box-shadow: 1px 1px 3px 2px #FDD1E6;
}


Text Shadow with RGB Values

This text has shadow with rgb values.


<p style="text-shadow: 4px 4px 2px rgba(253, 209, 230, 0.8);">Text here</p>


Text Shadow with HEX Values

This text has shadow with hex values.


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


Div Box Shadow

This div box has shadow with Colour # FDD1E6



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

Colour Palettes with #FDD1E6

Colour Compositions

RGB % of Colour #FDD1E6

CMYK % of Colour #FDD1E6

Related Colours along with #FDD1E6

Black background

Sample text in #FDD1E6 colour with black background colour.

White background

Sample text in #FDD1E6 colour with white background colour.

#FDD1E6 over22 #022E19

Sample text in #FDD1E6 colour with #022E19 background colour.

#022E19 over FDD1E6

Sample text in #022E19 colour with #FDD1E6 background colour.

#FDD1E6 over22 #D1E6FD

Sample text in #FDD1E6 colour with #D1E6FD background colour.

#D1E6FD over FDD1E6

Sample text in #D1E6FD colour with #FDD1E6 background colour.

#FDD1E6 over22 #D1FCFD

Sample text in #FDD1E6 colour with #D1FCFD background colour.

#D1FCFD over FDD1E6

Sample text in #D1FCFD colour with #FDD1E6 background colour.

#FDD1E6 over22 #D1FDD2

Sample text in #FDD1E6 colour with #D1FDD2 background colour.

#D1FDD2 over FDD1E6

Sample text in #D1FDD2 colour with #FDD1E6 background colour.

#FDD1E6 over22 #D1FDE6

Sample text in #FDD1E6 colour with #D1FDE6 background colour.

#D1FDE6 over FDD1E6

Sample text in #D1FDE6 colour with #FDD1E6 background colour.

#FDD1E6 over22 #D1FDE8

Sample text in #FDD1E6 colour with #D1FDE8 background colour.

#D1FDE8 over FDD1E6

Sample text in #D1FDE8 colour with #FDD1E6 background colour.

#FDD1E6 over22 #D2D1FD

Sample text in #FDD1E6 colour with #D2D1FD background colour.

#D2D1FD over FDD1E6

Sample text in #D2D1FD colour with #FDD1E6 background colour.

#FDD1E6 over22 #E0E0E0

Sample text in #FDD1E6 colour with #E0E0E0 background colour.

#E0E0E0 over FDD1E6

Sample text in #E0E0E0 colour with #FDD1E6 background colour.

#FDD1E6 over22 #E6D1FD

Sample text in #FDD1E6 colour with #E6D1FD background colour.

#E6D1FD over FDD1E6

Sample text in #E6D1FD colour with #FDD1E6 background colour.

#FDD1E6 over22 #E6FDD1

Sample text in #FDD1E6 colour with #E6FDD1 background colour.

#E6FDD1 over FDD1E6

Sample text in #E6FDD1 colour with #FDD1E6 background colour.

#FDD1E6 over22 #E8D1FD

Sample text in #FDD1E6 colour with #E8D1FD background colour.

#E8D1FD over FDD1E6

Sample text in #E8D1FD colour with #FDD1E6 background colour.

#FDD1E6 over22 #FCFDD1

Sample text in #FDD1E6 colour with #FCFDD1 background colour.

#FCFDD1 over FDD1E6

Sample text in #FCFDD1 colour with #FDD1E6 background colour.

#FDD1E6 over22 #FDE6D1

Sample text in #FDD1E6 colour with #FDE6D1 background colour.

#FDE6D1 over FDD1E6

Sample text in #FDE6D1 colour with #FDD1E6 background colour.

#FDD1E6 over22 #FDE8D1

Sample text in #FDD1E6 colour with #FDE8D1 background colour.

#FDE8D1 over FDD1E6

Sample text in #FDE8D1 colour with #FDD1E6 background colour.

#FDD1E6 over22 #FFCCFF

Sample text in #FDD1E6 colour with #FFCCFF background colour.

#FFCCFF over FDD1E6

Sample text in #FFCCFF colour with #FDD1E6 background colour.