Colour code #CCB3E6

#CCB3E6
rgb(204, 179, 230)
rgb(80%, 70.2%, 90.2%)

RGB value of #CCB3E6 colour is rgb(204, 179, 230) where red value is 204, green value is 179 and the blue value is 230.

Max value from RGB for colour #CCB3E6 is 230 which contains mainly Blue colour.

Cylindrical-coordinate representations (also known as HSL colours) of colour #CCB3E6 hue angle of 269.4°, saturation:50.5% and the lightness value is 80.2%.

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

Hex color #CCB3E6 is not a web safe color. Nearby web safe colour of #CCB3E6 is #CCCCFF.

Grayscale color of #CCB3E6 is #C0C0C0

Inverted color of #CCB3E6 is #334C19

OLE colour (RGB Long) of #CCB3E6 is 15119308

Decimal Value of #CCB3E6 is 13415398

Android / android.graphics.Color of #CCB3E6 is -3361818 / 0xFFCCB3E6

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

Hex Triplets
#CCB3E6
RGB Decimal
rgb(204, 179, 230)
RGB Percent
rgb(80%, 70.2%, 90.2%)
RGBA
rgba(204, 179, 230, 1)
HSL
hsl(269.4, 50.5%, 80.2%)
HSLA
hsla(269.4, 50.5%, 80.2%, 1)

Colour spaces of #CCB3E6

  • RGB is opposite of CMY. CMY colours are complementary to RGB colours.
    R = 204
    80%
    G = 179
    70.2%
    B = 230
    90.2%

    C = 20%
    0.2
    M = 29.8%
    0.29803921568627
    Y = 9.8%
    0.098039215686274
  • HSL (HSI) – hue, saturation, lightness/intensity
    H = 269.4°
    0.7483660130719
    S = 50.5%
    0.5049504950495
    L = 80.2%
    0.80196078431373
  • HSV (HSB) – hue, saturation, brightness/value
    H = 269.4°
    0.7483660130719
    S = 22.17%
    0.22173913043478
    V = 90.2%
    0.90196078431373
  • CMYK – cyan, magenta, yellow, key/black
    C = 11.3
    0.11304347826087
    M = 22.17
    0.22173913043478
    Y = 0
    0
    K = 9.8
    0.098039215686274
  • CIE – International Commission on Illumination
    CIE XYZ
    CIE 1931 XYZ colour space
    X = 55.305
    55.304866871693
    Y = 50.791
    50.790739541856
    Z = 81.752
    81.751622524039

    Yxy
    CIE (x, y, Y)
    Y = 50.791
    50.790739541856
    x = 0.294
    0.29441406820043
    y = 0.27
    0.27038322486371

    Hunter-Lab
    Hunter 1948 colour space
    L = 71.27
    71.267622060692
    a = 13.8
    13.800647311269
    b = -18.12
    -18.124667193475

    CIELAB
    CIE 1976 (L*, a*, b*)
    L = 76.55
    76.552076714386
    a = 18.49
    18.493501282242
    b = -22.21
    -22.205778622036

    CIELUV
    CIE 1976 (L*, u*, v*)
    L = 76.5521
    76.552076714386
    u = 10.3322
    10.332174915379
    v = -37.8932
    -37.893156707375

    CIELCH
    Cylindrical representation
    L = 76.5521
    76.552076714386
    C = 28.8982
    28.898203990683
    H = 309.7883
    309.78833799428

    YIQ
    Luma In-phase Quadrature
    Y = 0.7541
    0.75407450980392
    I = -0.0058
    -0.0057686274509804
    Q = 0.083
    0.08298431372549

Base Numbers

Base Red Green Blue
Binary 11001100 10110011 11100110
Octal 314 263 346
Decimal 204 179 230
Hex CC B3 E6


Colour Harmonies : #CCB3E6 colour combinations

Complementary colour scheme for #CCB3E6

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

Split-complementary colour scheme for #CCB3E6

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

Triadic colours scheme for #CCB3E6

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 #CCB3E6 are calculated by changing the hue by ±1/3 (±120°): 269.4° → 149.4° (269.4°-120°), 389.4° (269.4°+120°).

Tetradic (Rectangle) colour scheme for #CCB3E6

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 #CCB3E6 are calculated by changing the hue as follows : 269.4° → 389.4° (269.4°+120°), 449.4° (269.4°+180°), 569.4° (269.4°+300°).


Four tetradic scheme colours (counter-clockwise) for #CCB3E6 are calculated by changing the hue as follows : 269.4° → 149.4° (269.4°-120°), 89.4° (269.4°-180°), -30.6° (269.4°-300°).

Tetradic Square Colour Scheme for #CCB3E6

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 #CCB3E6 are calculated by changing the hue by 1/4 (90°) progressively : 269.4° → 359.4° (269.4°+90°), 449.4° (269.4°+180°), 539.4° (269.4°+270°).

Analagous colours of #CCB3E6

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 #CCB3E6 are calculated by changing the hue by ±1/12 (i.e. 30°): 269.4° → 299.4° (269.4°+30°), 239.4° (269.4°-30°).

RGB Variations of #CCB3E6

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

Monochromatic colours of #CCB3E6

Shade Colour Variation of #CCB3E6 (Darker)

A shade is achieved by adding black to any pure hue

Tint Colour Variation of #CCB3E6 (Brighter)

Tint is created by mixing white to any pure color

Tones of #CCB3E6 colour with more saturation

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

Tones of #CCB3E6 colour with less saturation

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

#CCB3E6 Colour in CSS Codes


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

Text with hexadecimal font colour #CCB3E6

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


#CCB3E6 Background Colour

This div background Colour is #CCB3E6


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


#CCB3E6 Border Colour

This div border Colour is #CCB3E6


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

CSS3 Examples


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


Text Shadow with RGB Values

This text has shadow with rgb values.


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


Text Shadow with HEX Values

This text has shadow with hex values.


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


Div Box Shadow

This div box has shadow with Colour # CCB3E6



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

Colour Compositions

RGB % of Colour #CCB3E6

CMYK % of Colour #CCB3E6

Related Colours along with #CCB3E6

Black background

Sample text in #CCB3E6 colour with black background colour.

White background

Sample text in #CCB3E6 colour with white background colour.

#CCB3E6 over22 #334C19

Sample text in #CCB3E6 colour with #334C19 background colour.

#334C19 over CCB3E6

Sample text in #334C19 colour with #CCB3E6 background colour.

#CCB3E6 over22 #B3CCE6

Sample text in #CCB3E6 colour with #B3CCE6 background colour.

#B3CCE6 over CCB3E6

Sample text in #B3CCE6 colour with #CCB3E6 background colour.

#CCB3E6 over22 #B3CDE6

Sample text in #CCB3E6 colour with #B3CDE6 background colour.

#B3CDE6 over CCB3E6

Sample text in #B3CDE6 colour with #CCB3E6 background colour.

#CCB3E6 over22 #B3E6CC

Sample text in #CCB3E6 colour with #B3E6CC background colour.

#B3E6CC over CCB3E6

Sample text in #B3E6CC colour with #CCB3E6 background colour.

#CCB3E6 over22 #B3E6E6

Sample text in #CCB3E6 colour with #B3E6E6 background colour.

#B3E6E6 over CCB3E6

Sample text in #B3E6E6 colour with #CCB3E6 background colour.

#CCB3E6 over22 #B4E6B3

Sample text in #CCB3E6 colour with #B4E6B3 background colour.

#B4E6B3 over CCB3E6

Sample text in #B4E6B3 colour with #CCB3E6 background colour.

#CCB3E6 over22 #C0C0C0

Sample text in #CCB3E6 colour with #C0C0C0 background colour.

#C0C0C0 over CCB3E6

Sample text in #C0C0C0 colour with #CCB3E6 background colour.

#CCB3E6 over22 #CCCCFF

Sample text in #CCB3E6 colour with #CCCCFF background colour.

#CCCCFF over CCB3E6

Sample text in #CCCCFF colour with #CCB3E6 background colour.

#CCB3E6 over22 #CCE6B3

Sample text in #CCB3E6 colour with #CCE6B3 background colour.

#CCE6B3 over CCB3E6

Sample text in #CCE6B3 colour with #CCB3E6 background colour.

#CCB3E6 over22 #CDE6B3

Sample text in #CCB3E6 colour with #CDE6B3 background colour.

#CDE6B3 over CCB3E6

Sample text in #CDE6B3 colour with #CCB3E6 background colour.

#CCB3E6 over22 #E6B3B4

Sample text in #CCB3E6 colour with #E6B3B4 background colour.

#E6B3B4 over CCB3E6

Sample text in #E6B3B4 colour with #CCB3E6 background colour.

#CCB3E6 over22 #E6B3CC

Sample text in #CCB3E6 colour with #E6B3CC background colour.

#E6B3CC over CCB3E6

Sample text in #E6B3CC colour with #CCB3E6 background colour.

#CCB3E6 over22 #E6B3CD

Sample text in #CCB3E6 colour with #E6B3CD background colour.

#E6B3CD over CCB3E6

Sample text in #E6B3CD colour with #CCB3E6 background colour.

#CCB3E6 over22 #E6CCB3

Sample text in #CCB3E6 colour with #E6CCB3 background colour.

#E6CCB3 over CCB3E6

Sample text in #E6CCB3 colour with #CCB3E6 background colour.

#CCB3E6 over22 #E6E6B3

Sample text in #CCB3E6 colour with #E6E6B3 background colour.

#E6E6B3 over CCB3E6

Sample text in #E6E6B3 colour with #CCB3E6 background colour.