Colour code #D1DFB1

#D1DFB1
rgb(209, 223, 177)
rgb(82%, 87.5%, 69.4%)

RGB value of #D1DFB1 colour is rgb(209, 223, 177) where red value is 209, green value is 223 and the blue value is 177.

Max value from RGB for colour #D1DFB1 is 223 which contains mainly Green colour.

Cylindrical-coordinate representations (also known as HSL colours) of colour #D1DFB1 hue angle of 78.3°, saturation:41.8% and the lightness value is 78.4%.

The process colour (four Colour CMYK) of #D1DFB1 colour is Cyan = 0.06, Magento = 0, Yellow = 0.21, and Key/Black (K on CMYK) = 0.13.

Hex color #D1DFB1 is not a web safe color. Nearby web safe colour of #D1DFB1 is #CCCC99.

Grayscale color of #D1DFB1 is #D5D5D5

Inverted color of #D1DFB1 is #2E204E

OLE colour (RGB Long) of #D1DFB1 is 11657169

Decimal Value of #D1DFB1 is 13754289

Android / android.graphics.Color of #D1DFB1 is -3022927 / 0xFFD1DFB1

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

Hex Triplets
#D1DFB1
RGB Decimal
rgb(209, 223, 177)
RGB Percent
rgb(81.96%, 87.45%, 69.41%)
RGBA
rgba(209, 223, 177, 1)
HSL
hsl(78.3, 41.8%, 78.4%)
HSLA
hsla(78.3, 41.8%, 78.4%, 1)

Colour spaces of #D1DFB1

  • RGB is opposite of CMY. CMY colours are complementary to RGB colours.
    R = 209
    81.96%
    G = 223
    87.45%
    B = 177
    69.41%

    C = 18.04%
    0.18039215686275
    M = 12.55%
    0.12549019607843
    Y = 30.59%
    0.30588235294118
  • HSL (HSI) – hue, saturation, lightness/intensity
    H = 78.3°
    0.21739130434783
    S = 41.8%
    0.41818181818182
    L = 78.4%
    0.7843137254902
  • HSV (HSB) – hue, saturation, brightness/value
    H = 78.3°
    0.21739130434783
    S = 20.63%
    0.20627802690583
    V = 87.45%
    0.87450980392157
  • CMYK – cyan, magenta, yellow, key/black
    C = 6.28
    0.062780269058296
    M = 0
    0
    Y = 20.63
    0.20627802690583
    K = 12.55
    0.12549019607843
  • CIE – International Commission on Illumination
    CIE XYZ
    CIE 1931 XYZ colour space
    X = 60.618
    60.617983289055
    Y = 69.505
    69.50498677167
    Z = 51.816
    51.815868412959

    Yxy
    CIE (x, y, Y)
    Y = 69.505
    69.50498677167
    x = 0.333
    0.33317780743018
    y = 0.382
    0.38202391174287

    Hunter-Lab
    Hunter 1948 colour space
    L = 83.37
    83.369650815912
    a = -16.11
    -16.109731236749
    b = 21.51
    21.50886105751

    CIELAB
    CIE 1976 (L*, a*, b*)
    L = 86.75
    86.753504838608
    a = -12.52
    -12.517475534282
    b = 21.02
    21.015203280133

    CIELUV
    CIE 1976 (L*, u*, v*)
    L = 86.7535
    86.753504838608
    u = -5.8577
    -5.857665270753
    v = 32.3273
    32.327334324337

    CIELCH
    Cylindrical representation
    L = 86.7535
    86.753504838608
    C = 24.4607
    24.460702415439
    H = 120.7797
    120.77967908977

    YIQ
    Luma In-phase Quadrature
    Y = 0.8375
    0.83752941176471
    I = 0.0252
    0.02518431372549
    Q = -0.0677
    -0.067741176470588

Base Numbers

Base Red Green Blue
Binary 11010001 11011111 10110001
Octal 321 337 261
Decimal 209 223 177
Hex D1 DF B1


Colour Harmonies : #D1DFB1 colour combinations

Complementary colour scheme for #D1DFB1

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

Split-complementary colour scheme for #D1DFB1

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 #D1DFB1 are calculated by changing the hue by ±5/12 (±150°): 78.3° → -71.7° (78.3°-150°), 228.3° (78.3°+150°).

Triadic colours scheme for #D1DFB1

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 #D1DFB1 are calculated by changing the hue by ±1/3 (±120°): 78.3° → -41.7° (78.3°-120°), 198.3° (78.3°+120°).

Tetradic (Rectangle) colour scheme for #D1DFB1

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 #D1DFB1 are calculated by changing the hue as follows : 78.3° → 198.3° (78.3°+120°), 258.3° (78.3°+180°), 378.3° (78.3°+300°).


Four tetradic scheme colours (counter-clockwise) for #D1DFB1 are calculated by changing the hue as follows : 78.3° → -41.7° (78.3°-120°), -101.7° (78.3°-180°), -221.7° (78.3°-300°).

Tetradic Square Colour Scheme for #D1DFB1

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 #D1DFB1 are calculated by changing the hue by 1/4 (90°) progressively : 78.3° → 168.3° (78.3°+90°), 258.3° (78.3°+180°), 348.3° (78.3°+270°).

Analagous colours of #D1DFB1

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 #D1DFB1 are calculated by changing the hue by ±1/12 (i.e. 30°): 78.3° → 108.3° (78.3°+30°), 48.3° (78.3°-30°).

RGB Variations of #D1DFB1

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

Monochromatic colours of #D1DFB1

Shade Colour Variation of #D1DFB1 (Darker)

A shade is achieved by adding black to any pure hue

Tint Colour Variation of #D1DFB1 (Brighter)

Tint is created by mixing white to any pure color

Tones of #D1DFB1 colour with more saturation

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

Tones of #D1DFB1 colour with less saturation

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

#D1DFB1 Colour in CSS Codes


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

Text with hexadecimal font colour #D1DFB1

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


#D1DFB1 Background Colour

This div background Colour is #D1DFB1


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


#D1DFB1 Border Colour

This div border Colour is #D1DFB1


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

CSS3 Examples


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


Text Shadow with RGB Values

This text has shadow with rgb values.


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


Text Shadow with HEX Values

This text has shadow with hex values.


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


Div Box Shadow

This div box has shadow with Colour # D1DFB1



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

Colour Palettes with #D1DFB1

Colour Compositions

RGB % of Colour #D1DFB1

CMYK % of Colour #D1DFB1

Related Colours along with #D1DFB1

Black background

Sample text in #D1DFB1 colour with black background colour.

White background

Sample text in #D1DFB1 colour with white background colour.

#D1DFB1 over22 #2E204E

Sample text in #D1DFB1 colour with #2E204E background colour.

#2E204E over D1DFB1

Sample text in #2E204E colour with #D1DFB1 background colour.

#D1DFB1 over22 #B1BADF

Sample text in #D1DFB1 colour with #B1BADF background colour.

#B1BADF over D1DFB1

Sample text in #B1BADF colour with #D1DFB1 background colour.

#D1DFB1 over22 #B1D1DF

Sample text in #D1DFB1 colour with #B1D1DF background colour.

#B1D1DF over D1DFB1

Sample text in #B1D1DF colour with #D1DFB1 background colour.

#D1DFB1 over22 #B1DFBF

Sample text in #D1DFB1 colour with #B1DFBF background colour.

#B1DFBF over D1DFB1

Sample text in #B1DFBF colour with #D1DFB1 background colour.

#D1DFB1 over22 #B1DFD1

Sample text in #D1DFB1 colour with #B1DFD1 background colour.

#B1DFD1 over D1DFB1

Sample text in #B1DFD1 colour with #D1DFB1 background colour.

#D1DFB1 over22 #B1DFD6

Sample text in #D1DFB1 colour with #B1DFD6 background colour.

#B1DFD6 over D1DFB1

Sample text in #B1DFD6 colour with #D1DFB1 background colour.

#D1DFB1 over22 #BFB1DF

Sample text in #D1DFB1 colour with #BFB1DF background colour.

#BFB1DF over D1DFB1

Sample text in #BFB1DF colour with #D1DFB1 background colour.

#D1DFB1 over22 #CCCC99

Sample text in #D1DFB1 colour with #CCCC99 background colour.

#CCCC99 over D1DFB1

Sample text in #CCCC99 colour with #D1DFB1 background colour.

#D1DFB1 over22 #D1B1DF

Sample text in #D1DFB1 colour with #D1B1DF background colour.

#D1B1DF over D1DFB1

Sample text in #D1B1DF colour with #D1DFB1 background colour.

#D1DFB1 over22 #D5D5D5

Sample text in #D1DFB1 colour with #D5D5D5 background colour.

#D5D5D5 over D1DFB1

Sample text in #D5D5D5 colour with #D1DFB1 background colour.

#D1DFB1 over22 #D6B1DF

Sample text in #D1DFB1 colour with #D6B1DF background colour.

#D6B1DF over D1DFB1

Sample text in #D6B1DF colour with #D1DFB1 background colour.

#D1DFB1 over22 #DFB1BA

Sample text in #D1DFB1 colour with #DFB1BA background colour.

#DFB1BA over D1DFB1

Sample text in #DFB1BA colour with #D1DFB1 background colour.

#D1DFB1 over22 #DFB1D1

Sample text in #D1DFB1 colour with #DFB1D1 background colour.

#DFB1D1 over D1DFB1

Sample text in #DFB1D1 colour with #D1DFB1 background colour.

#D1DFB1 over22 #DFBFB1

Sample text in #D1DFB1 colour with #DFBFB1 background colour.

#DFBFB1 over D1DFB1

Sample text in #DFBFB1 colour with #D1DFB1 background colour.

#D1DFB1 over22 #DFD1B1

Sample text in #D1DFB1 colour with #DFD1B1 background colour.

#DFD1B1 over D1DFB1

Sample text in #DFD1B1 colour with #D1DFB1 background colour.