Colour code #955CCB

#955CCB
rgb(149, 92, 203)
rgb(58.4%, 36.1%, 79.6%)

RGB value of #955CCB colour is rgb(149, 92, 203) where red value is 149, green value is 92 and the blue value is 203.

Max value from RGB for colour #955CCB is 203 which contains mainly Blue colour.

Cylindrical-coordinate representations (also known as HSL colours) of colour #955CCB hue angle of 270.8°, saturation:51.6% and the lightness value is 57.8%.

The process colour (four Colour CMYK) of #955CCB colour is Cyan = 0.27, Magento = 0.55, Yellow = 0, and Key/Black (K on CMYK) = 0.2.

Hex color #955CCB is not a web safe color. Nearby web safe colour of #955CCB is #9966CC.

Grayscale color of #955CCB is #797979

Inverted color of #955CCB is #6AA334

OLE colour (RGB Long) of #955CCB is 13327509

Decimal Value of #955CCB is 9788619

Android / android.graphics.Color of #955CCB is -6988597 / 0xFF955CCB

The following declarations are allowed (CSS 3.0) for #955CCB

Hex Triplets
#955CCB
RGB Decimal
rgb(149, 92, 203)
RGB Percent
rgb(58.43%, 36.08%, 79.61%)
RGBA
rgba(149, 92, 203, 1)
HSL
hsl(270.8, 51.6%, 57.8%)
HSLA
hsla(270.8, 51.6%, 57.8%, 1)

Colour spaces of #955CCB

  • RGB is opposite of CMY. CMY colours are complementary to RGB colours.
    R = 149
    58.43%
    G = 92
    36.08%
    B = 203
    79.61%

    C = 41.57%
    0.4156862745098
    M = 63.92%
    0.63921568627451
    Y = 20.39%
    0.20392156862745
  • HSL (HSI) – hue, saturation, lightness/intensity
    H = 270.8°
    0.75225225225225
    S = 51.6%
    0.51627906976744
    L = 57.8%
    0.57843137254902
  • HSV (HSB) – hue, saturation, brightness/value
    H = 270.8°
    0.75225225225225
    S = 54.68%
    0.54679802955665
    V = 79.61%
    0.79607843137255
  • CMYK – cyan, magenta, yellow, key/black
    C = 26.6
    0.26600985221675
    M = 54.68
    0.54679802955665
    Y = 0
    0
    K = 20.39
    0.20392156862745
  • CIE – International Commission on Illumination
    CIE XYZ
    CIE 1931 XYZ colour space
    X = 27.001
    27.001064524175
    Y = 18.356
    18.355650306271
    Z = 58.62
    58.619794894699

    Yxy
    CIE (x, y, Y)
    Y = 18.356
    18.355650306271
    x = 0.26
    0.25968427479967
    y = 0.177
    0.17653651151393

    Hunter-Lab
    Hunter 1948 colour space
    L = 42.84
    42.843494612685
    a = 37.52
    37.519143302841
    b = -51.13
    -51.131966186976

    CIELAB
    CIE 1976 (L*, a*, b*)
    L = 49.92
    49.92466238387
    a = 44.53
    44.530209529226
    b = -49.04
    -49.038230636483

    CIELUV
    CIE 1976 (L*, u*, v*)
    L = 49.9247
    49.92466238387
    u = 18.1844
    18.184435275057
    v = -79.7445
    -79.744451801475

    CIELCH
    Cylindrical representation
    L = 49.9247
    49.92466238387
    C = 66.2396
    66.239622769711
    H = 312.2417
    312.24168734101

    YIQ
    Luma In-phase Quadrature
    Y = 0.4772
    0.4772431372549
    I = -0.0065
    -0.0065058823529412
    Q = 0.1828
    0.18276470588235

Base Numbers

Base Red Green Blue
Binary 10010101 01011100 11001011
Octal 225 134 313
Decimal 149 92 203
Hex 95 5C CB


Colour Harmonies : #955CCB colour combinations

Complementary colour scheme for #955CCB

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 #955CCB colour is calculated by adding 180° to the value of the current hue: 270.8° → 450.8° (+180°)

Split-complementary colour scheme for #955CCB

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 #955CCB are calculated by changing the hue by ±5/12 (±150°): 270.8° → 120.8° (270.8°-150°), 420.8° (270.8°+150°).

Triadic colours scheme for #955CCB

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 #955CCB are calculated by changing the hue by ±1/3 (±120°): 270.8° → 150.8° (270.8°-120°), 390.8° (270.8°+120°).

Tetradic (Rectangle) colour scheme for #955CCB

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 #955CCB are calculated by changing the hue as follows : 270.8° → 390.8° (270.8°+120°), 450.8° (270.8°+180°), 570.8° (270.8°+300°).


Four tetradic scheme colours (counter-clockwise) for #955CCB are calculated by changing the hue as follows : 270.8° → 150.8° (270.8°-120°), 90.8° (270.8°-180°), -29.2° (270.8°-300°).

Tetradic Square Colour Scheme for #955CCB

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 #955CCB are calculated by changing the hue by 1/4 (90°) progressively : 270.8° → 360.8° (270.8°+90°), 450.8° (270.8°+180°), 540.8° (270.8°+270°).

Analagous colours of #955CCB

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 #955CCB are calculated by changing the hue by ±1/12 (i.e. 30°): 270.8° → 300.8° (270.8°+30°), 240.8° (270.8°-30°).

RGB Variations of #955CCB

(R:95, G:5C, B:95)

Monochromatic colours of #955CCB

Shade Colour Variation of #955CCB (Darker)

A shade is achieved by adding black to any pure hue

Tint Colour Variation of #955CCB (Brighter)

Tint is created by mixing white to any pure color

Tones of #955CCB colour with more saturation

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

Tones of #955CCB colour with less saturation

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

#955CCB Colour in CSS Codes


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

Text with hexadecimal font colour #955CCB

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


#955CCB Background Colour

This div background Colour is #955CCB


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


#955CCB Border Colour

This div border Colour is #955CCB


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

CSS3 Examples


.textShadowRgb {
    text-shadow: 4px 4px 2px rgba(149, 92, 203, 0.8);
} 
.textShadowHex { 
    text-shadow: 4px 4px 2px #955CCB;
}
.divShadow { 
    -moz-box-shadow: 1px 1px 3px 2px #955CCB;
    -webkit-box-shadow: 1px 1px 3px 2px #955CCB;
    box-shadow: 1px 1px 3px 2px #955CCB;
}


Text Shadow with RGB Values

This text has shadow with rgb values.


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


Text Shadow with HEX Values

This text has shadow with hex values.


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


Div Box Shadow

This div box has shadow with Colour # 955CCB



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

Colour Palettes with #955CCB

Colour Compositions

RGB % of Colour #955CCB

CMYK % of Colour #955CCB

Related Colours along with #955CCB

Black background

Sample text in #955CCB colour with black background colour.

White background

Sample text in #955CCB colour with white background colour.

#955CCB over22 #5C92CB

Sample text in #955CCB colour with #5C92CB background colour.

#5C92CB over 955CCB

Sample text in #5C92CB colour with #955CCB background colour.

#955CCB over22 #5C95CB

Sample text in #955CCB colour with #5C95CB background colour.

#5C95CB over 955CCB

Sample text in #5C95CB colour with #955CCB background colour.

#955CCB over22 #5CCACB

Sample text in #955CCB colour with #5CCACB background colour.

#5CCACB over 955CCB

Sample text in #5CCACB colour with #955CCB background colour.

#955CCB over22 #5CCB5E

Sample text in #955CCB colour with #5CCB5E background colour.

#5CCB5E over 955CCB

Sample text in #5CCB5E colour with #955CCB background colour.

#955CCB over22 #5CCB95

Sample text in #955CCB colour with #5CCB95 background colour.

#5CCB95 over 955CCB

Sample text in #5CCB95 colour with #955CCB background colour.

#955CCB over22 #6AA334

Sample text in #955CCB colour with #6AA334 background colour.

#6AA334 over 955CCB

Sample text in #6AA334 colour with #955CCB background colour.

#955CCB over22 #92CB5C

Sample text in #955CCB colour with #92CB5C background colour.

#92CB5C over 955CCB

Sample text in #92CB5C colour with #955CCB background colour.

#955CCB over22 #95CB5C

Sample text in #955CCB colour with #95CB5C background colour.

#95CB5C over 955CCB

Sample text in #95CB5C colour with #955CCB background colour.

#955CCB over22 #9966CC

Sample text in #955CCB colour with #9966CC background colour.

#9966CC over 955CCB

Sample text in #9966CC colour with #955CCB background colour.

#955CCB over22 #CACB5C

Sample text in #955CCB colour with #CACB5C background colour.

#CACB5C over 955CCB

Sample text in #CACB5C colour with #955CCB background colour.

#955CCB over22 #CB5C92

Sample text in #955CCB colour with #CB5C92 background colour.

#CB5C92 over 955CCB

Sample text in #CB5C92 colour with #955CCB background colour.

#955CCB over22 #CB5C95

Sample text in #955CCB colour with #CB5C95 background colour.

#CB5C95 over 955CCB

Sample text in #CB5C95 colour with #955CCB background colour.

#955CCB over22 #CB5E5C

Sample text in #955CCB colour with #CB5E5C background colour.

#CB5E5C over 955CCB

Sample text in #CB5E5C colour with #955CCB background colour.

#955CCB over22 #CB955C

Sample text in #955CCB colour with #CB955C background colour.

#CB955C over 955CCB

Sample text in #CB955C colour with #955CCB background colour.

#955CCB over22 #797979

Sample text in #955CCB colour with #797979 background colour.

#797979 over 955CCB

Sample text in #797979 colour with #955CCB background colour.