Colour code #CDDC39

#CDDC39
rgb(205, 220, 57)
rgb(80.4%, 86.3%, 22.4%)

RGB value of #CDDC39 colour is rgb(205, 220, 57) where red value is 205, green value is 220 and the blue value is 57.

Max value from RGB for colour #CDDC39 is 220 which contains mainly Green colour.

Cylindrical-coordinate representations (also known as HSL colours) of colour #CDDC39 hue angle of 65.5°, saturation:70% and the lightness value is 54.3%.

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

Hex color #CDDC39 is not a web safe color. Nearby web safe colour of #CDDC39 is #CCCC33.

Grayscale color of #CDDC39 is #C5C5C5

Inverted color of #CDDC39 is #3223C6

OLE colour (RGB Long) of #CDDC39 is 3792077

Decimal Value of #CDDC39 is 13491257

Android / android.graphics.Color of #CDDC39 is -3285959 / 0xFFCDDC39

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

Hex Triplets
#CDDC39
RGB Decimal
rgb(205, 220, 57)
RGB Percent
rgb(80.39%, 86.27%, 22.35%)
RGBA
rgba(205, 220, 57, 1)
HSL
hsl(65.5, 70%, 54.3%)
HSLA
hsla(65.5, 70%, 54.3%, 1)

Colour spaces of #CDDC39

  • RGB is opposite of CMY. CMY colours are complementary to RGB colours.
    R = 205
    80.39%
    G = 220
    86.27%
    B = 57
    22.35%

    C = 19.61%
    0.19607843137255
    M = 13.73%
    0.13725490196078
    Y = 77.65%
    0.77647058823529
  • HSL (HSI) – hue, saturation, lightness/intensity
    H = 65.5°
    0.18200408997955
    S = 70%
    0.69957081545064
    L = 54.3%
    0.54313725490196
  • HSV (HSB) – hue, saturation, brightness/value
    H = 65.5°
    0.18200408997955
    S = 74.09%
    0.74090909090909
    V = 86.27%
    0.86274509803922
  • CMYK – cyan, magenta, yellow, key/black
    C = 6.82
    0.068181818181818
    M = 0
    0
    Y = 74.09
    0.74090909090909
    K = 13.73
    0.13725490196078
  • CIE – International Commission on Illumination
    CIE XYZ
    CIE 1931 XYZ colour space
    X = 51.509
    51.508556222397
    Y = 64.461
    64.460942713266
    Z = 13.598
    13.598312443693

    Yxy
    CIE (x, y, Y)
    Y = 64.461
    64.460942713266
    x = 0.398
    0.39754130037427
    y = 0.498
    0.49750738263637

    Hunter-Lab
    Hunter 1948 colour space
    L = 80.29
    80.287572334245
    a = -25.99
    -25.98643387096
    b = 46.16
    46.159348668727

    CIELAB
    CIE 1976 (L*, a*, b*)
    L = 84.21
    84.205187903736
    a = -24.27
    -24.272468892796
    b = 72.8
    72.797116635123

    CIELUV
    CIE 1976 (L*, u*, v*)
    L = 84.2052
    84.205187903736
    u = -3.6391
    -3.6390537615678
    v = 86.8923
    86.892343010245

    CIELCH
    Cylindrical representation
    L = 84.2052
    84.205187903736
    C = 76.737
    76.737037579903
    H = 108.4397
    108.43973954058

    YIQ
    Luma In-phase Quadrature
    Y = 0.7723
    0.7722862745098
    I = 0.1701
    0.17012941176471
    Q = -0.2113
    -0.21126666666667

Base Numbers

Base Red Green Blue
Binary 11001101 11011100 00111001
Octal 315 334 71
Decimal 205 220 57
Hex CD DC 39


Colour Harmonies : #CDDC39 colour combinations

Complementary colour scheme for #CDDC39

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

Split-complementary colour scheme for #CDDC39

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 #CDDC39 are calculated by changing the hue by ±5/12 (±150°): 65.5° → -84.5° (65.5°-150°), 215.5° (65.5°+150°).

Triadic colours scheme for #CDDC39

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 #CDDC39 are calculated by changing the hue by ±1/3 (±120°): 65.5° → -54.5° (65.5°-120°), 185.5° (65.5°+120°).

Tetradic (Rectangle) colour scheme for #CDDC39

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 #CDDC39 are calculated by changing the hue as follows : 65.5° → 185.5° (65.5°+120°), 245.5° (65.5°+180°), 365.5° (65.5°+300°).


Four tetradic scheme colours (counter-clockwise) for #CDDC39 are calculated by changing the hue as follows : 65.5° → -54.5° (65.5°-120°), -114.5° (65.5°-180°), -234.5° (65.5°-300°).

Tetradic Square Colour Scheme for #CDDC39

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 #CDDC39 are calculated by changing the hue by 1/4 (90°) progressively : 65.5° → 155.5° (65.5°+90°), 245.5° (65.5°+180°), 335.5° (65.5°+270°).

Analagous colours of #CDDC39

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 #CDDC39 are calculated by changing the hue by ±1/12 (i.e. 30°): 65.5° → 95.5° (65.5°+30°), 35.5° (65.5°-30°).

RGB Variations of #CDDC39

(R:CD, G:DC, B:CD)

Monochromatic colours of #CDDC39

Shade Colour Variation of #CDDC39 (Darker)

A shade is achieved by adding black to any pure hue

Tint Colour Variation of #CDDC39 (Brighter)

Tint is created by mixing white to any pure color

Tones of #CDDC39 colour with more saturation

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

Tones of #CDDC39 colour with less saturation

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

#CDDC39 Colour in CSS Codes


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

Text with hexadecimal font colour #CDDC39

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


#CDDC39 Background Colour

This div background Colour is #CDDC39


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


#CDDC39 Border Colour

This div border Colour is #CDDC39


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

CSS3 Examples


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


Text Shadow with RGB Values

This text has shadow with rgb values.


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


Text Shadow with HEX Values

This text has shadow with hex values.


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


Div Box Shadow

This div box has shadow with Colour # CDDC39



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

Colour Palettes with #CDDC39

Colour Compositions

RGB % of Colour #CDDC39

CMYK % of Colour #CDDC39

Related Colours along with #CDDC39

Black background

Sample text in #CDDC39 colour with black background colour.

White background

Sample text in #CDDC39 colour with white background colour.

#CDDC39 over22 #3223C6

Sample text in #CDDC39 colour with #3223C6 background colour.

#3223C6 over CDDC39

Sample text in #3223C6 colour with #CDDC39 background colour.

#CDDC39 over22 #397CDC

Sample text in #CDDC39 colour with #397CDC background colour.

#397CDC over CDDC39

Sample text in #397CDC colour with #CDDC39 background colour.

#CDDC39 over22 #39CDDC

Sample text in #CDDC39 colour with #39CDDC background colour.

#39CDDC over CDDC39

Sample text in #39CDDC colour with #CDDC39 background colour.

#CDDC39 over22 #39DC48

Sample text in #CDDC39 colour with #39DC48 background colour.

#39DC48 over CDDC39

Sample text in #39DC48 colour with #CDDC39 background colour.

#CDDC39 over22 #39DC9A

Sample text in #CDDC39 colour with #39DC9A background colour.

#39DC9A over CDDC39

Sample text in #39DC9A colour with #CDDC39 background colour.

#CDDC39 over22 #39DCCD

Sample text in #CDDC39 colour with #39DCCD background colour.

#39DCCD over CDDC39

Sample text in #39DCCD colour with #CDDC39 background colour.

#CDDC39 over22 #4839DC

Sample text in #CDDC39 colour with #4839DC background colour.

#4839DC over CDDC39

Sample text in #4839DC colour with #CDDC39 background colour.

#CDDC39 over22 #9A39DC

Sample text in #CDDC39 colour with #9A39DC background colour.

#9A39DC over CDDC39

Sample text in #9A39DC colour with #CDDC39 background colour.

#CDDC39 over22 #C5C5C5

Sample text in #CDDC39 colour with #C5C5C5 background colour.

#C5C5C5 over CDDC39

Sample text in #C5C5C5 colour with #CDDC39 background colour.

#CDDC39 over22 #CCCC33

Sample text in #CDDC39 colour with #CCCC33 background colour.

#CCCC33 over CDDC39

Sample text in #CCCC33 colour with #CDDC39 background colour.

#CDDC39 over22 #CD39DC

Sample text in #CDDC39 colour with #CD39DC background colour.

#CD39DC over CDDC39

Sample text in #CD39DC colour with #CDDC39 background colour.

#CDDC39 over22 #DC397C

Sample text in #CDDC39 colour with #DC397C background colour.

#DC397C over CDDC39

Sample text in #DC397C colour with #CDDC39 background colour.

#CDDC39 over22 #DC39CD

Sample text in #CDDC39 colour with #DC39CD background colour.

#DC39CD over CDDC39

Sample text in #DC39CD colour with #CDDC39 background colour.

#CDDC39 over22 #DC4839

Sample text in #CDDC39 colour with #DC4839 background colour.

#DC4839 over CDDC39

Sample text in #DC4839 colour with #CDDC39 background colour.

#CDDC39 over22 #DCCD39

Sample text in #CDDC39 colour with #DCCD39 background colour.

#DCCD39 over CDDC39

Sample text in #DCCD39 colour with #CDDC39 background colour.