Colour code #DDFD93

#DDFD93
rgb(221, 253, 147)
rgb(86.7%, 99.2%, 57.6%)

RGB value of #DDFD93 colour is rgb(221, 253, 147) where red value is 221, green value is 253 and the blue value is 147.

Max value from RGB for colour #DDFD93 is 253 which contains mainly Green colour.

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

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

Hex color #DDFD93 is not a web safe color. Nearby web safe colour of #DDFD93 is #CCFF99.

Grayscale color of #DDFD93 is #E7E7E7

Inverted color of #DDFD93 is #22026C

OLE colour (RGB Long) of #DDFD93 is 9698781

Decimal Value of #DDFD93 is 14548371

Android / android.graphics.Color of #DDFD93 is -2228845 / 0xFFDDFD93

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

Hex Triplets
#DDFD93
RGB Decimal
rgb(221, 253, 147)
RGB Percent
rgb(86.67%, 99.22%, 57.65%)
RGBA
rgba(221, 253, 147, 1)
HSL
hsl(78.1, 96.4%, 78.4%)
HSLA
hsla(78.1, 96.4%, 78.4%, 1)

Colour spaces of #DDFD93

  • RGB is opposite of CMY. CMY colours are complementary to RGB colours.
    R = 221
    86.67%
    G = 253
    99.22%
    B = 147
    57.65%

    C = 13.33%
    0.13333333333333
    M = 0.78%
    0.0078431372549019
    Y = 42.35%
    0.42352941176471
  • HSL (HSI) – hue, saturation, lightness/intensity
    H = 78.1°
    0.21698113207547
    S = 96.4%
    0.96363636363636
    L = 78.4%
    0.7843137254902
  • HSV (HSB) – hue, saturation, brightness/value
    H = 78.1°
    0.21698113207547
    S = 41.9%
    0.41897233201581
    V = 99.22%
    0.9921568627451
  • CMYK – cyan, magenta, yellow, key/black
    C = 12.65
    0.12648221343874
    M = 0
    0
    Y = 41.9
    0.41897233201581
    K = 0.78
    0.0078431372549019
  • CIE – International Commission on Illumination
    CIE XYZ
    CIE 1931 XYZ colour space
    X = 70.211
    70.210533425861
    Y = 87.729
    87.729295492388
    Z = 40.837
    40.836723223947

    Yxy
    CIE (x, y, Y)
    Y = 87.729
    87.729295492388
    x = 0.353
    0.35321335775879
    y = 0.441
    0.44134629837845

    Hunter-Lab
    Hunter 1948 colour space
    L = 93.66
    93.663918075419
    a = -30.11
    -30.10814145508
    b = 39.71
    39.714774279719

    CIELAB
    CIE 1976 (L*, a*, b*)
    L = 95.05
    95.0468396364
    a = -26.66
    -26.664544482249
    b = 47.23
    47.228520202762

    CIELUV
    CIE 1976 (L*, u*, v*)
    L = 95.0468
    95.0468396364
    u = -14.4399
    -14.439916186148
    v = 67.9806
    67.980637821558

    CIELCH
    Cylindrical representation
    L = 95.0468
    95.0468396364
    C = 54.2359
    54.235883444344
    H = 119.4484
    119.44844901257

    YIQ
    Luma In-phase Quadrature
    Y = 0.9072
    0.90724705882353
    I = 0.0586
    0.058643137254902
    Q = -0.1559
    -0.15588235294118

Base Numbers

Base Red Green Blue
Binary 11011101 11111101 10010011
Octal 335 375 223
Decimal 221 253 147
Hex DD FD 93


Colour Harmonies : #DDFD93 colour combinations

Complementary colour scheme for #DDFD93

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

Split-complementary colour scheme for #DDFD93

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 #DDFD93 are calculated by changing the hue by ±5/12 (±150°): 78.1° → -71.9° (78.1°-150°), 228.1° (78.1°+150°).

Triadic colours scheme for #DDFD93

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 #DDFD93 are calculated by changing the hue by ±1/3 (±120°): 78.1° → -41.9° (78.1°-120°), 198.1° (78.1°+120°).

Tetradic (Rectangle) colour scheme for #DDFD93

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 #DDFD93 are calculated by changing the hue as follows : 78.1° → 198.1° (78.1°+120°), 258.1° (78.1°+180°), 378.1° (78.1°+300°).


Four tetradic scheme colours (counter-clockwise) for #DDFD93 are calculated by changing the hue as follows : 78.1° → -41.9° (78.1°-120°), -101.9° (78.1°-180°), -221.9° (78.1°-300°).

Tetradic Square Colour Scheme for #DDFD93

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 #DDFD93 are calculated by changing the hue by 1/4 (90°) progressively : 78.1° → 168.1° (78.1°+90°), 258.1° (78.1°+180°), 348.1° (78.1°+270°).

Analagous colours of #DDFD93

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 #DDFD93 are calculated by changing the hue by ±1/12 (i.e. 30°): 78.1° → 108.1° (78.1°+30°), 48.1° (78.1°-30°).

RGB Variations of #DDFD93

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

Monochromatic colours of #DDFD93

Shade Colour Variation of #DDFD93 (Darker)

A shade is achieved by adding black to any pure hue

Tint Colour Variation of #DDFD93 (Brighter)

Tint is created by mixing white to any pure color

Tones of #DDFD93 colour with more saturation

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

Tones of #DDFD93 colour with less saturation

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

#DDFD93 Colour in CSS Codes


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

Text with hexadecimal font colour #DDFD93

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


#DDFD93 Background Colour

This div background Colour is #DDFD93


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


#DDFD93 Border Colour

This div border Colour is #DDFD93


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

CSS3 Examples


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


Text Shadow with RGB Values

This text has shadow with rgb values.


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


Text Shadow with HEX Values

This text has shadow with hex values.


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


Div Box Shadow

This div box has shadow with Colour # DDFD93



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

Colour Palettes with #DDFD93

Colour Compositions

RGB % of Colour #DDFD93

CMYK % of Colour #DDFD93

Related Colours along with #DDFD93

Black background

Sample text in #DDFD93 colour with black background colour.

White background

Sample text in #DDFD93 colour with white background colour.

#DDFD93 over22 #22026C

Sample text in #DDFD93 colour with #22026C background colour.

#22026C over DDFD93

Sample text in #22026C colour with #DDFD93 background colour.

#DDFD93 over22 #93A8FD

Sample text in #DDFD93 colour with #93A8FD background colour.

#93A8FD over DDFD93

Sample text in #93A8FD colour with #DDFD93 background colour.

#DDFD93 over22 #93DDFD

Sample text in #DDFD93 colour with #93DDFD background colour.

#93DDFD over DDFD93

Sample text in #93DDFD colour with #DDFD93 background colour.

#DDFD93 over22 #93FDB3

Sample text in #DDFD93 colour with #93FDB3 background colour.

#93FDB3 over DDFD93

Sample text in #93FDB3 colour with #DDFD93 background colour.

#DDFD93 over22 #93FDDD

Sample text in #DDFD93 colour with #93FDDD background colour.

#93FDDD over DDFD93

Sample text in #93FDDD colour with #DDFD93 background colour.

#DDFD93 over22 #93FDE8

Sample text in #DDFD93 colour with #93FDE8 background colour.

#93FDE8 over DDFD93

Sample text in #93FDE8 colour with #DDFD93 background colour.

#DDFD93 over22 #B393FD

Sample text in #DDFD93 colour with #B393FD background colour.

#B393FD over DDFD93

Sample text in #B393FD colour with #DDFD93 background colour.

#DDFD93 over22 #CCFF99

Sample text in #DDFD93 colour with #CCFF99 background colour.

#CCFF99 over DDFD93

Sample text in #CCFF99 colour with #DDFD93 background colour.

#DDFD93 over22 #DD93FD

Sample text in #DDFD93 colour with #DD93FD background colour.

#DD93FD over DDFD93

Sample text in #DD93FD colour with #DDFD93 background colour.

#DDFD93 over22 #E7E7E7

Sample text in #DDFD93 colour with #E7E7E7 background colour.

#E7E7E7 over DDFD93

Sample text in #E7E7E7 colour with #DDFD93 background colour.

#DDFD93 over22 #E893FD

Sample text in #DDFD93 colour with #E893FD background colour.

#E893FD over DDFD93

Sample text in #E893FD colour with #DDFD93 background colour.

#DDFD93 over22 #FD93A8

Sample text in #DDFD93 colour with #FD93A8 background colour.

#FD93A8 over DDFD93

Sample text in #FD93A8 colour with #DDFD93 background colour.

#DDFD93 over22 #FD93DD

Sample text in #DDFD93 colour with #FD93DD background colour.

#FD93DD over DDFD93

Sample text in #FD93DD colour with #DDFD93 background colour.

#DDFD93 over22 #FDB393

Sample text in #DDFD93 colour with #FDB393 background colour.

#FDB393 over DDFD93

Sample text in #FDB393 colour with #DDFD93 background colour.

#DDFD93 over22 #FDDD93

Sample text in #DDFD93 colour with #FDDD93 background colour.

#FDDD93 over DDFD93

Sample text in #FDDD93 colour with #DDFD93 background colour.