Colour code #C5DB5F

#C5DB5F
rgb(197, 219, 95)
rgb(77.3%, 85.9%, 37.3%)

RGB value of #C5DB5F colour is rgb(197, 219, 95) where red value is 197, green value is 219 and the blue value is 95.

Max value from RGB for colour #C5DB5F is 219 which contains mainly Green colour.

Cylindrical-coordinate representations (also known as HSL colours) of colour #C5DB5F hue angle of 70.6°, saturation:63.3% and the lightness value is 61.6%.

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

Hex color #C5DB5F is not a web safe color. Nearby web safe colour of #C5DB5F is #CCCC66.

Grayscale color of #C5DB5F is #C6C6C6

Inverted color of #C5DB5F is #3A24A0

OLE colour (RGB Long) of #C5DB5F is 6282181

Decimal Value of #C5DB5F is 12966751

Android / android.graphics.Color of #C5DB5F is -3810465 / 0xFFC5DB5F

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

Hex Triplets
#C5DB5F
RGB Decimal
rgb(197, 219, 95)
RGB Percent
rgb(77.25%, 85.88%, 37.25%)
RGBA
rgba(197, 219, 95, 1)
HSL
hsl(70.6, 63.3%, 61.6%)
HSLA
hsla(70.6, 63.3%, 61.6%, 1)

Colour spaces of #C5DB5F

  • RGB is opposite of CMY. CMY colours are complementary to RGB colours.
    R = 197
    77.25%
    G = 219
    85.88%
    B = 95
    37.25%

    C = 22.75%
    0.22745098039216
    M = 14.12%
    0.14117647058824
    Y = 62.75%
    0.62745098039216
  • HSL (HSI) – hue, saturation, lightness/intensity
    H = 70.6°
    0.19623655913978
    S = 63.3%
    0.63265306122449
    L = 61.6%
    0.6156862745098
  • HSV (HSB) – hue, saturation, brightness/value
    H = 70.6°
    0.19623655913978
    S = 56.62%
    0.5662100456621
    V = 85.88%
    0.85882352941176
  • CMYK – cyan, magenta, yellow, key/black
    C = 10.05
    0.10045662100457
    M = 0
    0
    Y = 56.62
    0.5662100456621
    K = 14.12
    0.14117647058824
  • CIE – International Commission on Illumination
    CIE XYZ
    CIE 1931 XYZ colour space
    X = 50.423
    50.423034055021
    Y = 63.36
    63.359575860509
    Z = 20.399
    20.398518530557

    Yxy
    CIE (x, y, Y)
    Y = 63.36
    63.359575860509
    x = 0.376
    0.375783350751
    y = 0.472
    0.47219438824414

    Hunter-Lab
    Hunter 1948 colour space
    L = 79.6
    79.598728545441
    a = -26.22
    -26.224215322436
    b = 40.53
    40.525046134592

    CIELAB
    CIE 1976 (L*, a*, b*)
    L = 83.63
    83.631211127034
    a = -24.68
    -24.682448578326
    b = 57.34
    57.33839039153

    CIELUV
    CIE 1976 (L*, u*, v*)
    L = 83.6312
    83.631211127034
    u = -8.6158
    -8.6158290538304
    v = 74.5857
    74.585655116476

    CIELCH
    Cylindrical representation
    L = 83.6312
    83.631211127034
    C = 62.4253
    62.425269567005
    H = 113.2904
    113.29042073391

    YIQ
    Luma In-phase Quadrature
    Y = 0.7776
    0.77759215686275
    I = 0.1047
    0.10467450980392
    Q = -0.1695
    -0.16952156862745

Base Numbers

Base Red Green Blue
Binary 11000101 11011011 01011111
Octal 305 333 137
Decimal 197 219 95
Hex C5 DB 5F


Colour Harmonies : #C5DB5F colour combinations

Complementary colour scheme for #C5DB5F

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

Split-complementary colour scheme for #C5DB5F

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 #C5DB5F are calculated by changing the hue by ±5/12 (±150°): 70.6° → -79.4° (70.6°-150°), 220.6° (70.6°+150°).

Triadic colours scheme for #C5DB5F

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 #C5DB5F are calculated by changing the hue by ±1/3 (±120°): 70.6° → -49.4° (70.6°-120°), 190.6° (70.6°+120°).

Tetradic (Rectangle) colour scheme for #C5DB5F

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 #C5DB5F are calculated by changing the hue as follows : 70.6° → 190.6° (70.6°+120°), 250.6° (70.6°+180°), 370.6° (70.6°+300°).


Four tetradic scheme colours (counter-clockwise) for #C5DB5F are calculated by changing the hue as follows : 70.6° → -49.4° (70.6°-120°), -109.4° (70.6°-180°), -229.4° (70.6°-300°).

Tetradic Square Colour Scheme for #C5DB5F

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 #C5DB5F are calculated by changing the hue by 1/4 (90°) progressively : 70.6° → 160.6° (70.6°+90°), 250.6° (70.6°+180°), 340.6° (70.6°+270°).

Analagous colours of #C5DB5F

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 #C5DB5F are calculated by changing the hue by ±1/12 (i.e. 30°): 70.6° → 100.6° (70.6°+30°), 40.6° (70.6°-30°).

RGB Variations of #C5DB5F

(R:C5, G:DB, B:C5)

Monochromatic colours of #C5DB5F

Shade Colour Variation of #C5DB5F (Darker)

A shade is achieved by adding black to any pure hue

Tint Colour Variation of #C5DB5F (Brighter)

Tint is created by mixing white to any pure color

Tones of #C5DB5F colour with more saturation

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

Tones of #C5DB5F colour with less saturation

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

#C5DB5F Colour in CSS Codes


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

Text with hexadecimal font colour #C5DB5F

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


#C5DB5F Background Colour

This div background Colour is #C5DB5F


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


#C5DB5F Border Colour

This div border Colour is #C5DB5F


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

CSS3 Examples


.textShadowRgb {
    text-shadow: 4px 4px 2px rgba(197, 219, 95, 0.8);
} 
.textShadowHex { 
    text-shadow: 4px 4px 2px #C5DB5F;
}
.divShadow { 
    -moz-box-shadow: 1px 1px 3px 2px #C5DB5F;
    -webkit-box-shadow: 1px 1px 3px 2px #C5DB5F;
    box-shadow: 1px 1px 3px 2px #C5DB5F;
}


Text Shadow with RGB Values

This text has shadow with rgb values.


<p style="text-shadow: 4px 4px 2px rgba(197, 219, 95, 0.8);">Text here</p>


Text Shadow with HEX Values

This text has shadow with hex values.


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


Div Box Shadow

This div box has shadow with Colour # C5DB5F



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

Colour Compositions

RGB % of Colour #C5DB5F

CMYK % of Colour #C5DB5F

Related Colours along with #C5DB5F

Black background

Sample text in #C5DB5F colour with black background colour.

White background

Sample text in #C5DB5F colour with white background colour.

#C5DB5F over22 #3A24A0

Sample text in #C5DB5F colour with #3A24A0 background colour.

#3A24A0 over C5DB5F

Sample text in #3A24A0 colour with #C5DB5F background colour.

#C5DB5F over22 #5F87DB

Sample text in #C5DB5F colour with #5F87DB background colour.

#5F87DB over C5DB5F

Sample text in #5F87DB colour with #C5DB5F background colour.

#C5DB5F over22 #5FC5DB

Sample text in #C5DB5F colour with #5FC5DB background colour.

#5FC5DB over C5DB5F

Sample text in #5FC5DB colour with #C5DB5F background colour.

#C5DB5F over22 #5FDB75

Sample text in #C5DB5F colour with #5FDB75 background colour.

#5FDB75 over C5DB5F

Sample text in #5FDB75 colour with #C5DB5F background colour.

#C5DB5F over22 #5FDBB3

Sample text in #C5DB5F colour with #5FDBB3 background colour.

#5FDBB3 over C5DB5F

Sample text in #5FDBB3 colour with #C5DB5F background colour.

#C5DB5F over22 #5FDBC5

Sample text in #C5DB5F colour with #5FDBC5 background colour.

#5FDBC5 over C5DB5F

Sample text in #5FDBC5 colour with #C5DB5F background colour.

#C5DB5F over22 #755FDB

Sample text in #C5DB5F colour with #755FDB background colour.

#755FDB over C5DB5F

Sample text in #755FDB colour with #C5DB5F background colour.

#C5DB5F over22 #B35FDB

Sample text in #C5DB5F colour with #B35FDB background colour.

#B35FDB over C5DB5F

Sample text in #B35FDB colour with #C5DB5F background colour.

#C5DB5F over22 #C55FDB

Sample text in #C5DB5F colour with #C55FDB background colour.

#C55FDB over C5DB5F

Sample text in #C55FDB colour with #C5DB5F background colour.

#C5DB5F over22 #C6C6C6

Sample text in #C5DB5F colour with #C6C6C6 background colour.

#C6C6C6 over C5DB5F

Sample text in #C6C6C6 colour with #C5DB5F background colour.

#C5DB5F over22 #CCCC66

Sample text in #C5DB5F colour with #CCCC66 background colour.

#CCCC66 over C5DB5F

Sample text in #CCCC66 colour with #C5DB5F background colour.

#C5DB5F over22 #DB5F87

Sample text in #C5DB5F colour with #DB5F87 background colour.

#DB5F87 over C5DB5F

Sample text in #DB5F87 colour with #C5DB5F background colour.

#C5DB5F over22 #DB5FC5

Sample text in #C5DB5F colour with #DB5FC5 background colour.

#DB5FC5 over C5DB5F

Sample text in #DB5FC5 colour with #C5DB5F background colour.

#C5DB5F over22 #DB755F

Sample text in #C5DB5F colour with #DB755F background colour.

#DB755F over C5DB5F

Sample text in #DB755F colour with #C5DB5F background colour.

#C5DB5F over22 #DBC55F

Sample text in #C5DB5F colour with #DBC55F background colour.

#DBC55F over C5DB5F

Sample text in #DBC55F colour with #C5DB5F background colour.