Colour code #FDBBD9

#FDBBD9
rgb(253, 187, 217)
rgb(99.2%, 73.3%, 85.1%)

RGB value of #FDBBD9 colour is rgb(253, 187, 217) where red value is 253, green value is 187 and the blue value is 217.

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

Cylindrical-coordinate representations (also known as HSL colours) of colour #FDBBD9 hue angle of 332.7°, saturation:94.3% and the lightness value is 86.3%.

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

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

Grayscale color of #FDBBD9 is #D2D2D2

Inverted color of #FDBBD9 is #024426

OLE colour (RGB Long) of #FDBBD9 is 14269437

Decimal Value of #FDBBD9 is 16628697

Android / android.graphics.Color of #FDBBD9 is -148519 / 0xFFFDBBD9

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

Hex Triplets
#FDBBD9
RGB Decimal
rgb(253, 187, 217)
RGB Percent
rgb(99.22%, 73.33%, 85.1%)
RGBA
rgba(253, 187, 217, 1)
HSL
hsl(332.7, 94.3%, 86.3%)
HSLA
hsla(332.7, 94.3%, 86.3%, 1)

Colour spaces of #FDBBD9

  • RGB is opposite of CMY. CMY colours are complementary to RGB colours.
    R = 253
    99.22%
    G = 187
    73.33%
    B = 217
    85.1%

    C = 0.78%
    0.0078431372549019
    M = 26.67%
    0.26666666666667
    Y = 14.9%
    0.14901960784314
  • HSL (HSI) – hue, saturation, lightness/intensity
    H = 332.7°
    0.92424242424242
    S = 94.3%
    0.94285714285714
    L = 86.3%
    0.86274509803922
  • HSV (HSB) – hue, saturation, brightness/value
    H = 332.7°
    0.92424242424242
    S = 26.09%
    0.26086956521739
    V = 99.22%
    0.9921568627451
  • CMYK – cyan, magenta, yellow, key/black
    C = 0
    0
    M = 26.09
    0.26086956521739
    Y = 14.23
    0.14229249011858
    K = 0.78
    0.0078431372549019
  • CIE – International Commission on Illumination
    CIE XYZ
    CIE 1931 XYZ colour space
    X = 70.803
    70.802721890435
    Y = 61.433
    61.433048623364
    Z = 73.772
    73.771695774072

    Yxy
    CIE (x, y, Y)
    Y = 61.433
    61.433048623364
    x = 0.344
    0.34369007670575
    y = 0.298
    0.29820787435693

    Hunter-Lab
    Hunter 1948 colour space
    L = 78.38
    78.379237444213
    a = 24.08
    24.081662566536
    b = -0.94
    -0.93915737393683

    CIELAB
    CIE 1976 (L*, a*, b*)
    L = 82.61
    82.610995960804
    a = 28.21
    28.205426618374
    b = -5.64
    -5.641181675669

    CIELUV
    CIE 1976 (L*, u*, v*)
    L = 82.611
    82.610995960804
    u = 38.1484
    38.148439950142
    v = -13.7001
    -13.700088701954

    CIELCH
    Cylindrical representation
    L = 82.611
    82.610995960804
    C = 28.764
    28.764023039595
    H = 348.6899
    348.6898793271

    YIQ
    Luma In-phase Quadrature
    Y = 0.8241
    0.82413333333333
    I = 0.1165
    0.11649411764706
    Q = 0.0915
    0.091458823529412

Base Numbers

Base Red Green Blue
Binary 11111101 10111011 11011001
Octal 375 273 331
Decimal 253 187 217
Hex FD BB D9


Colour Harmonies : #FDBBD9 colour combinations

Complementary colour scheme for #FDBBD9

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

Split-complementary colour scheme for #FDBBD9

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 #FDBBD9 are calculated by changing the hue by ±5/12 (±150°): 332.7° → 182.7° (332.7°-150°), 482.7° (332.7°+150°).

Triadic colours scheme for #FDBBD9

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 #FDBBD9 are calculated by changing the hue by ±1/3 (±120°): 332.7° → 212.7° (332.7°-120°), 452.7° (332.7°+120°).

Tetradic (Rectangle) colour scheme for #FDBBD9

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 #FDBBD9 are calculated by changing the hue as follows : 332.7° → 452.7° (332.7°+120°), 512.7° (332.7°+180°), 632.7° (332.7°+300°).


Four tetradic scheme colours (counter-clockwise) for #FDBBD9 are calculated by changing the hue as follows : 332.7° → 212.7° (332.7°-120°), 152.7° (332.7°-180°), 32.7° (332.7°-300°).

Tetradic Square Colour Scheme for #FDBBD9

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 #FDBBD9 are calculated by changing the hue by 1/4 (90°) progressively : 332.7° → 422.7° (332.7°+90°), 512.7° (332.7°+180°), 602.7° (332.7°+270°).

Analagous colours of #FDBBD9

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 #FDBBD9 are calculated by changing the hue by ±1/12 (i.e. 30°): 332.7° → 362.7° (332.7°+30°), 302.7° (332.7°-30°).

RGB Variations of #FDBBD9

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

Monochromatic colours of #FDBBD9

Shade Colour Variation of #FDBBD9 (Darker)

A shade is achieved by adding black to any pure hue

Tint Colour Variation of #FDBBD9 (Brighter)

Tint is created by mixing white to any pure color

Tones of #FDBBD9 colour with more saturation

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

Tones of #FDBBD9 colour with less saturation

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

#FDBBD9 Colour in CSS Codes


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

Text with hexadecimal font colour #FDBBD9

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


#FDBBD9 Background Colour

This div background Colour is #FDBBD9


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


#FDBBD9 Border Colour

This div border Colour is #FDBBD9


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

CSS3 Examples


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


Text Shadow with RGB Values

This text has shadow with rgb values.


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


Text Shadow with HEX Values

This text has shadow with hex values.


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


Div Box Shadow

This div box has shadow with Colour # FDBBD9



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

Colour Palettes with #FDBBD9

Colour Compositions

RGB % of Colour #FDBBD9

CMYK % of Colour #FDBBD9

Related Colours along with #FDBBD9

Black background

Sample text in #FDBBD9 colour with black background colour.

White background

Sample text in #FDBBD9 colour with white background colour.

#FDBBD9 over22 #024426

Sample text in #FDBBD9 colour with #024426 background colour.

#024426 over FDBBD9

Sample text in #024426 colour with #FDBBD9 background colour.

#FDBBD9 over22 #BBD9FD

Sample text in #FDBBD9 colour with #BBD9FD background colour.

#BBD9FD over FDBBD9

Sample text in #BBD9FD colour with #FDBBD9 background colour.

#FDBBD9 over22 #BBFAFD

Sample text in #FDBBD9 colour with #BBFAFD background colour.

#BBFAFD over FDBBD9

Sample text in #BBFAFD colour with #FDBBD9 background colour.

#FDBBD9 over22 #BBFDBE

Sample text in #FDBBD9 colour with #BBFDBE background colour.

#BBFDBE over FDBBD9

Sample text in #BBFDBE colour with #FDBBD9 background colour.

#FDBBD9 over22 #BBFDD9

Sample text in #FDBBD9 colour with #BBFDD9 background colour.

#BBFDD9 over FDBBD9

Sample text in #BBFDD9 colour with #FDBBD9 background colour.

#FDBBD9 over22 #BBFDDF

Sample text in #FDBBD9 colour with #BBFDDF background colour.

#BBFDDF over FDBBD9

Sample text in #BBFDDF colour with #FDBBD9 background colour.

#FDBBD9 over22 #BEBBFD

Sample text in #FDBBD9 colour with #BEBBFD background colour.

#BEBBFD over FDBBD9

Sample text in #BEBBFD colour with #FDBBD9 background colour.

#FDBBD9 over22 #D2D2D2

Sample text in #FDBBD9 colour with #D2D2D2 background colour.

#D2D2D2 over FDBBD9

Sample text in #D2D2D2 colour with #FDBBD9 background colour.

#FDBBD9 over22 #D9BBFD

Sample text in #FDBBD9 colour with #D9BBFD background colour.

#D9BBFD over FDBBD9

Sample text in #D9BBFD colour with #FDBBD9 background colour.

#FDBBD9 over22 #D9FDBB

Sample text in #FDBBD9 colour with #D9FDBB background colour.

#D9FDBB over FDBBD9

Sample text in #D9FDBB colour with #FDBBD9 background colour.

#FDBBD9 over22 #DFBBFD

Sample text in #FDBBD9 colour with #DFBBFD background colour.

#DFBBFD over FDBBD9

Sample text in #DFBBFD colour with #FDBBD9 background colour.

#FDBBD9 over22 #FAFDBB

Sample text in #FDBBD9 colour with #FAFDBB background colour.

#FAFDBB over FDBBD9

Sample text in #FAFDBB colour with #FDBBD9 background colour.

#FDBBD9 over22 #FDD9BB

Sample text in #FDBBD9 colour with #FDD9BB background colour.

#FDD9BB over FDBBD9

Sample text in #FDD9BB colour with #FDBBD9 background colour.

#FDBBD9 over22 #FDDFBB

Sample text in #FDBBD9 colour with #FDDFBB background colour.

#FDDFBB over FDBBD9

Sample text in #FDDFBB colour with #FDBBD9 background colour.

#FDBBD9 over22 #FFCCCC

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

#FFCCCC over FDBBD9

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