Colour code #CCD220

#CCD220
rgb(204, 210, 32)
rgb(80%, 82.4%, 12.5%)

RGB value of #CCD220 colour is rgb(204, 210, 32) where red value is 204, green value is 210 and the blue value is 32.

Max value from RGB for colour #CCD220 is 210 which contains mainly Green colour.

Cylindrical-coordinate representations (also known as HSL colours) of colour #CCD220 hue angle of 62°, saturation:73.6% and the lightness value is 47.5%.

The process colour (four Colour CMYK) of #CCD220 colour is Cyan = 0.03, Magento = 0, Yellow = 0.85, and Key/Black (K on CMYK) = 0.18.

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

Grayscale color of #CCD220 is #BCBCBC

Inverted color of #CCD220 is #332DDF

OLE colour (RGB Long) of #CCD220 is 2151116

Decimal Value of #CCD220 is 13423136

Android / android.graphics.Color of #CCD220 is -3354080 / 0xFFCCD220

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

Hex Triplets
#CCD220
RGB Decimal
rgb(204, 210, 32)
RGB Percent
rgb(80%, 82.35%, 12.55%)
RGBA
rgba(204, 210, 32, 1)
HSL
hsl(62, 73.6%, 47.5%)
HSLA
hsla(62, 73.6%, 47.5%, 1)

Colour spaces of #CCD220

  • RGB is opposite of CMY. CMY colours are complementary to RGB colours.
    R = 204
    80%
    G = 210
    82.35%
    B = 32
    12.55%

    C = 20%
    0.2
    M = 17.65%
    0.17647058823529
    Y = 87.45%
    0.87450980392157
  • HSL (HSI) – hue, saturation, lightness/intensity
    H = 62°
    0.17228464419476
    S = 73.6%
    0.73553719008264
    L = 47.5%
    0.47450980392157
  • HSV (HSB) – hue, saturation, brightness/value
    H = 62°
    0.17228464419476
    S = 84.76%
    0.84761904761905
    V = 82.35%
    0.82352941176471
  • CMYK – cyan, magenta, yellow, key/black
    C = 2.86
    0.028571428571428
    M = 0
    0
    Y = 84.76
    0.84761904761905
    K = 17.65
    0.17647058823529
  • CIE – International Commission on Illumination
    CIE XYZ
    CIE 1931 XYZ colour space
    X = 48.209
    48.209144258572
    Y = 59.035
    59.034840629364
    Z = 10.22
    10.220471906889

    Yxy
    CIE (x, y, Y)
    Y = 59.035
    59.034840629364
    x = 0.41
    0.41041473798988
    y = 0.503
    0.50257620253998

    Hunter-Lab
    Hunter 1948 colour space
    L = 76.83
    76.834133449506
    a = -22.46
    -22.460913951973
    b = 45.9
    45.897141106089

    CIELAB
    CIE 1976 (L*, a*, b*)
    L = 81.31
    81.310742789169
    a = -20.69
    -20.693183181449
    b = 76.88
    76.883476933848

    CIELUV
    CIE 1976 (L*, u*, v*)
    L = 81.3107
    81.310742789169
    u = 2.2373
    2.2372936976169
    v = 87.3053
    87.305291958955

    CIELCH
    Cylindrical representation
    L = 81.3107
    81.310742789169
    C = 79.6196
    79.619575831692
    H = 105.0642
    105.06416988608

    YIQ
    Luma In-phase Quadrature
    Y = 0.7369
    0.73691764705882
    I = 0.21
    0.21004705882353
    Q = -0.2221
    -0.22207843137255

Base Numbers

Base Red Green Blue
Binary 11001100 11010010 00100000
Octal 314 322 40
Decimal 204 210 32
Hex CC D2 20


Colour Harmonies : #CCD220 colour combinations

Complementary colour scheme for #CCD220

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

Split-complementary colour scheme for #CCD220

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 #CCD220 are calculated by changing the hue by ±5/12 (±150°): 62° → -88° (62°-150°), 212° (62°+150°).

Triadic colours scheme for #CCD220

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 #CCD220 are calculated by changing the hue by ±1/3 (±120°): 62° → -58° (62°-120°), 182° (62°+120°).

Tetradic (Rectangle) colour scheme for #CCD220

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 #CCD220 are calculated by changing the hue as follows : 62° → 182° (62°+120°), 242° (62°+180°), 362° (62°+300°).


Four tetradic scheme colours (counter-clockwise) for #CCD220 are calculated by changing the hue as follows : 62° → -58° (62°-120°), -118° (62°-180°), -238° (62°-300°).

Tetradic Square Colour Scheme for #CCD220

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 #CCD220 are calculated by changing the hue by 1/4 (90°) progressively : 62° → 152° (62°+90°), 242° (62°+180°), 332° (62°+270°).

Analagous colours of #CCD220

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 #CCD220 are calculated by changing the hue by ±1/12 (i.e. 30°): 62° → 92° (62°+30°), 32° (62°-30°).

RGB Variations of #CCD220

(R:CC, G:D2, B:CC)

Monochromatic colours of #CCD220

Shade Colour Variation of #CCD220 (Darker)

A shade is achieved by adding black to any pure hue

Tint Colour Variation of #CCD220 (Brighter)

Tint is created by mixing white to any pure color

Tones of #CCD220 colour with more saturation

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

Tones of #CCD220 colour with less saturation

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

#CCD220 Colour in CSS Codes


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

Text with hexadecimal font colour #CCD220

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


#CCD220 Background Colour

This div background Colour is #CCD220


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


#CCD220 Border Colour

This div border Colour is #CCD220


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

CSS3 Examples


.textShadowRgb {
    text-shadow: 4px 4px 2px rgba(204, 210, 32, 0.8);
} 
.textShadowHex { 
    text-shadow: 4px 4px 2px #CCD220;
}
.divShadow { 
    -moz-box-shadow: 1px 1px 3px 2px #CCD220;
    -webkit-box-shadow: 1px 1px 3px 2px #CCD220;
    box-shadow: 1px 1px 3px 2px #CCD220;
}


Text Shadow with RGB Values

This text has shadow with rgb values.


<p style="text-shadow: 4px 4px 2px rgba(204, 210, 32, 0.8);">Text here</p>


Text Shadow with HEX Values

This text has shadow with hex values.


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


Div Box Shadow

This div box has shadow with Colour # CCD220



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

Colour Palettes with #CCD220

Colour Compositions

RGB % of Colour #CCD220

CMYK % of Colour #CCD220

Related Colours along with #CCD220

Black background

Sample text in #CCD220 colour with black background colour.

White background

Sample text in #CCD220 colour with white background colour.

#CCD220 over22 #2073D2

Sample text in #CCD220 colour with #2073D2 background colour.

#2073D2 over CCD220

Sample text in #2073D2 colour with #CCD220 background colour.

#CCD220 over22 #20CCD2

Sample text in #CCD220 colour with #20CCD2 background colour.

#20CCD2 over CCD220

Sample text in #20CCD2 colour with #CCD220 background colour.

#CCD220 over22 #20D226

Sample text in #CCD220 colour with #20D226 background colour.

#20D226 over CCD220

Sample text in #20D226 colour with #CCD220 background colour.

#CCD220 over22 #20D27F

Sample text in #CCD220 colour with #20D27F background colour.

#20D27F over CCD220

Sample text in #20D27F colour with #CCD220 background colour.

#CCD220 over22 #20D2CC

Sample text in #CCD220 colour with #20D2CC background colour.

#20D2CC over CCD220

Sample text in #20D2CC colour with #CCD220 background colour.

#CCD220 over22 #2620D2

Sample text in #CCD220 colour with #2620D2 background colour.

#2620D2 over CCD220

Sample text in #2620D2 colour with #CCD220 background colour.

#CCD220 over22 #332DDF

Sample text in #CCD220 colour with #332DDF background colour.

#332DDF over CCD220

Sample text in #332DDF colour with #CCD220 background colour.

#CCD220 over22 #7F20D2

Sample text in #CCD220 colour with #7F20D2 background colour.

#7F20D2 over CCD220

Sample text in #7F20D2 colour with #CCD220 background colour.

#CCD220 over22 #BCBCBC

Sample text in #CCD220 colour with #BCBCBC background colour.

#BCBCBC over CCD220

Sample text in #BCBCBC colour with #CCD220 background colour.

#CCD220 over22 #CC20D2

Sample text in #CCD220 colour with #CC20D2 background colour.

#CC20D2 over CCD220

Sample text in #CC20D2 colour with #CCD220 background colour.

#CCD220 over22 #CCCC33

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

#CCCC33 over CCD220

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

#CCD220 over22 #D22073

Sample text in #CCD220 colour with #D22073 background colour.

#D22073 over CCD220

Sample text in #D22073 colour with #CCD220 background colour.

#CCD220 over22 #D220CC

Sample text in #CCD220 colour with #D220CC background colour.

#D220CC over CCD220

Sample text in #D220CC colour with #CCD220 background colour.

#CCD220 over22 #D22620

Sample text in #CCD220 colour with #D22620 background colour.

#D22620 over CCD220

Sample text in #D22620 colour with #CCD220 background colour.

#CCD220 over22 #D2CC20

Sample text in #CCD220 colour with #D2CC20 background colour.

#D2CC20 over CCD220

Sample text in #D2CC20 colour with #CCD220 background colour.