Colour code #603960

#603960
rgb(96, 57, 96)
rgb(37.6%, 22.4%, 37.6%)

RGB value of #603960 colour is rgb(96, 57, 96) where red value is 96, green value is 57 and the blue value is 96.

Max value from RGB for colour #603960 is 96 which contains mainly Red colour.

Cylindrical-coordinate representations (also known as HSL colours) of colour #603960 hue angle of 300°, saturation:25.5% and the lightness value is 30%.

The process colour (four Colour CMYK) of #603960 colour is Cyan = 0, Magento = 0.41, Yellow = 0, and Key/Black (K on CMYK) = 0.62.

Hex color #603960 is not a web safe color. Nearby web safe colour of #603960 is #663366.

Grayscale color of #603960 is #484848

Inverted color of #603960 is #9FC69F

OLE colour (RGB Long) of #603960 is 6306144

Decimal Value of #603960 is 6306144

Android / android.graphics.Color of #603960 is -10471072 / 0xFF603960

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

Hex Triplets
#603960
RGB Decimal
rgb(96, 57, 96)
RGB Percent
rgb(37.65%, 22.35%, 37.65%)
RGBA
rgba(96, 57, 96, 1)
HSL
hsl(300, 25.5%, 30%)
HSLA
hsla(300, 25.5%, 30%, 1)

Colour spaces of #603960

  • RGB is opposite of CMY. CMY colours are complementary to RGB colours.
    R = 96
    37.65%
    G = 57
    22.35%
    B = 96
    37.65%

    C = 62.35%
    0.62352941176471
    M = 77.65%
    0.77647058823529
    Y = 62.35%
    0.62352941176471
  • HSL (HSI) – hue, saturation, lightness/intensity
    H = 300°
    0.83333333333333
    S = 25.5%
    0.25490196078431
    L = 30%
    0.3
  • HSV (HSB) – hue, saturation, brightness/value
    H = 300°
    0.83333333333333
    S = 40.63%
    0.40625
    V = 37.65%
    0.37647058823529
  • CMYK – cyan, magenta, yellow, key/black
    C = 0
    0
    M = 40.63
    0.40625
    Y = 0
    0
    K = 62.35
    0.62352941176471
  • CIE – International Commission on Illumination
    CIE XYZ
    CIE 1931 XYZ colour space
    X = 8.398
    8.3983183327912
    Y = 6.258
    6.2575795005405
    Z = 11.832
    11.83152450635

    Yxy
    CIE (x, y, Y)
    Y = 6.258
    6.2575795005405
    x = 0.317
    0.31706816258256
    y = 0.236
    0.23624720519391

    Hunter-Lab
    Hunter 1948 colour space
    L = 25.02
    25.015154407959
    a = 16.15
    16.151145950156
    b = -10.53
    -10.532036646547

    CIELAB
    CIE 1976 (L*, a*, b*)
    L = 30.05
    30.053232029986
    a = 24.2
    24.195250263368
    b = -16.04
    -16.036361270797

    CIELUV
    CIE 1976 (L*, u*, v*)
    L = 30.0532
    30.053232029986
    u = 17.9796
    17.979580799911
    v = -23.2509
    -23.250931545668

    CIELCH
    Cylindrical representation
    L = 30.0532
    30.053232029986
    C = 29.0271
    29.027142782481
    H = 326.464
    326.46399502284

    YIQ
    Luma In-phase Quadrature
    Y = 0.2867
    0.28669411764706
    I = 0.0421
    0.042058823529412
    Q = 0.08
    0.079988235294118

Base Numbers

Base Red Green Blue
Binary 01100000 00111001 01100000
Octal 140 71 140
Decimal 96 57 96
Hex 60 39 60


Colour Harmonies : #603960 colour combinations

Complementary colour scheme for #603960

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

Split-complementary colour scheme for #603960

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

Triadic colours scheme for #603960

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 #603960 are calculated by changing the hue by ±1/3 (±120°): 300° → 180° (300°-120°), 420° (300°+120°).

Tetradic (Rectangle) colour scheme for #603960

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 #603960 are calculated by changing the hue as follows : 300° → 420° (300°+120°), 480° (300°+180°), 600° (300°+300°).


Four tetradic scheme colours (counter-clockwise) for #603960 are calculated by changing the hue as follows : 300° → 180° (300°-120°), 120° (300°-180°), 0° (300°-300°).

Tetradic Square Colour Scheme for #603960

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 #603960 are calculated by changing the hue by 1/4 (90°) progressively : 300° → 390° (300°+90°), 480° (300°+180°), 570° (300°+270°).

Analagous colours of #603960

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 #603960 are calculated by changing the hue by ±1/12 (i.e. 30°): 300° → 330° (300°+30°), 270° (300°-30°).

RGB Variations of #603960

(R:60, G:39, B:60)

Monochromatic colours of #603960

Shade Colour Variation of #603960 (Darker)

A shade is achieved by adding black to any pure hue

Tint Colour Variation of #603960 (Brighter)

Tint is created by mixing white to any pure color

Tones of #603960 colour with more saturation

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

Tones of #603960 colour with less saturation

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

#603960 Colour in CSS Codes


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

Text with hexadecimal font colour #603960

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


#603960 Background Colour

This div background Colour is #603960


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


#603960 Border Colour

This div border Colour is #603960


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

CSS3 Examples


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


Text Shadow with RGB Values

This text has shadow with rgb values.


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


Text Shadow with HEX Values

This text has shadow with hex values.


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


Div Box Shadow

This div box has shadow with Colour # 603960



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

Colour Palettes with #603960

Colour Compositions

RGB % of Colour #603960

CMYK % of Colour #603960

Related Colours along with #603960

Black background

Sample text in #603960 colour with black background colour.

White background

Sample text in #603960 colour with white background colour.

#603960 over22 #394D60

Sample text in #603960 colour with #394D60 background colour.

#394D60 over 603960

Sample text in #394D60 colour with #603960 background colour.

#603960 over22 #39604D

Sample text in #603960 colour with #39604D background colour.

#39604D over 603960

Sample text in #39604D colour with #603960 background colour.

#603960 over22 #4D6039

Sample text in #603960 colour with #4D6039 background colour.

#4D6039 over 603960

Sample text in #4D6039 colour with #603960 background colour.

#603960 over22 #604D39

Sample text in #603960 colour with #604D39 background colour.

#604D39 over 603960

Sample text in #604D39 colour with #603960 background colour.

#603960 over22 #9FC69F

Sample text in #603960 colour with #9FC69F background colour.

#9FC69F over 603960

Sample text in #9FC69F colour with #603960 background colour.

#603960 over22 #393960

Sample text in #603960 colour with #393960 background colour.

#393960 over 603960

Sample text in #393960 colour with #603960 background colour.

#603960 over22 #396039

Sample text in #603960 colour with #396039 background colour.

#396039 over 603960

Sample text in #396039 colour with #603960 background colour.

#603960 over22 #396060

Sample text in #603960 colour with #396060 background colour.

#396060 over 603960

Sample text in #396060 colour with #603960 background colour.

#603960 over22 #484848

Sample text in #603960 colour with #484848 background colour.

#484848 over 603960

Sample text in #484848 colour with #603960 background colour.

#603960 over22 #603939

Sample text in #603960 colour with #603939 background colour.

#603939 over 603960

Sample text in #603939 colour with #603960 background colour.

#603960 over22 #606039

Sample text in #603960 colour with #606039 background colour.

#606039 over 603960

Sample text in #606039 colour with #603960 background colour.

#603960 over22 #663366

Sample text in #603960 colour with #663366 background colour.

#663366 over 603960

Sample text in #663366 colour with #603960 background colour.