Colour code #CBDAF9

#CBDAF9
rgb(203, 218, 249)
rgb(79.6%, 85.5%, 97.6%)

RGB value of #CBDAF9 colour is rgb(203, 218, 249) where red value is 203, green value is 218 and the blue value is 249.

Max value from RGB for colour #CBDAF9 is 249 which contains mainly Blue colour.

Cylindrical-coordinate representations (also known as HSL colours) of colour #CBDAF9 hue angle of 220.4°, saturation:79.3% and the lightness value is 88.6%.

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

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

Grayscale color of #CBDAF9 is #D8D8D8

Inverted color of #CBDAF9 is #342506

OLE colour (RGB Long) of #CBDAF9 is 16374475

Decimal Value of #CBDAF9 is 13359865

Android / android.graphics.Color of #CBDAF9 is -3417351 / 0xFFCBDAF9

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

Hex Triplets
#CBDAF9
RGB Decimal
rgb(203, 218, 249)
RGB Percent
rgb(79.61%, 85.49%, 97.65%)
RGBA
rgba(203, 218, 249, 1)
HSL
hsl(220.4, 79.3%, 88.6%)
HSLA
hsla(220.4, 79.3%, 88.6%, 1)

Colour spaces of #CBDAF9

  • RGB is opposite of CMY. CMY colours are complementary to RGB colours.
    R = 203
    79.61%
    G = 218
    85.49%
    B = 249
    97.65%

    C = 20.39%
    0.20392156862745
    M = 14.51%
    0.14509803921569
    Y = 2.35%
    0.023529411764706
  • HSL (HSI) – hue, saturation, lightness/intensity
    H = 220.4°
    0.61231884057971
    S = 79.3%
    0.79310344827586
    L = 88.6%
    0.88627450980392
  • HSV (HSB) – hue, saturation, brightness/value
    H = 220.4°
    0.61231884057971
    S = 18.47%
    0.18473895582329
    V = 97.65%
    0.97647058823529
  • CMYK – cyan, magenta, yellow, key/black
    C = 18.47
    0.18473895582329
    M = 12.45
    0.12449799196787
    Y = 0
    0
    K = 2.35
    0.023529411764706
  • CIE – International Commission on Illumination
    CIE XYZ
    CIE 1931 XYZ colour space
    X = 66.799
    66.798888395679
    Y = 69.679
    69.678870526874
    Z = 99.551
    99.551220319874

    Yxy
    CIE (x, y, Y)
    Y = 69.679
    69.678870526874
    x = 0.283
    0.28301138533955
    y = 0.295
    0.29521320115233

    Hunter-Lab
    Hunter 1948 colour space
    L = 83.47
    83.473870478655
    a = -3.24
    -3.2369502219651
    b = -12.28
    -12.277745239407

    CIELAB
    CIE 1976 (L*, a*, b*)
    L = 86.84
    86.839121171515
    a = 1.27
    1.2707576865345
    b = -16.81
    -16.806052396776

    CIELUV
    CIE 1976 (L*, u*, v*)
    L = 86.8391
    86.839121171515
    u = -9.5108
    -9.510848955757
    v = -26.8431
    -26.843137585479

    CIELCH
    Cylindrical representation
    L = 86.8391
    86.839121171515
    C = 16.854
    16.854026885616
    H = 274.3241
    274.32408316467

    YIQ
    Luma In-phase Quadrature
    Y = 0.8512
    0.85117254901961
    I = -0.0741
    -0.074082352941177
    Q = 0.0253
    0.025337254901961

Base Numbers

Base Red Green Blue
Binary 11001011 11011010 11111001
Octal 313 332 371
Decimal 203 218 249
Hex CB DA F9


Colour Harmonies : #CBDAF9 colour combinations

Complementary colour scheme for #CBDAF9

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

Split-complementary colour scheme for #CBDAF9

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

Triadic colours scheme for #CBDAF9

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 #CBDAF9 are calculated by changing the hue by ±1/3 (±120°): 220.4° → 100.4° (220.4°-120°), 340.4° (220.4°+120°).

Tetradic (Rectangle) colour scheme for #CBDAF9

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 #CBDAF9 are calculated by changing the hue as follows : 220.4° → 340.4° (220.4°+120°), 400.4° (220.4°+180°), 520.4° (220.4°+300°).


Four tetradic scheme colours (counter-clockwise) for #CBDAF9 are calculated by changing the hue as follows : 220.4° → 100.4° (220.4°-120°), 40.4° (220.4°-180°), -79.6° (220.4°-300°).

Tetradic Square Colour Scheme for #CBDAF9

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 #CBDAF9 are calculated by changing the hue by 1/4 (90°) progressively : 220.4° → 310.4° (220.4°+90°), 400.4° (220.4°+180°), 490.4° (220.4°+270°).

Analagous colours of #CBDAF9

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 #CBDAF9 are calculated by changing the hue by ±1/12 (i.e. 30°): 220.4° → 250.4° (220.4°+30°), 190.4° (220.4°-30°).

RGB Variations of #CBDAF9

(R:CB, G:DA, B:CB)

Monochromatic colours of #CBDAF9

Shade Colour Variation of #CBDAF9 (Darker)

A shade is achieved by adding black to any pure hue

Tint Colour Variation of #CBDAF9 (Brighter)

Tint is created by mixing white to any pure color

Tones of #CBDAF9 colour with more saturation

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

Tones of #CBDAF9 colour with less saturation

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

#CBDAF9 Colour in CSS Codes


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

Text with hexadecimal font colour #CBDAF9

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


#CBDAF9 Background Colour

This div background Colour is #CBDAF9


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


#CBDAF9 Border Colour

This div border Colour is #CBDAF9


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

CSS3 Examples


.textShadowRgb {
    text-shadow: 4px 4px 2px rgba(203, 218, 249, 0.8);
} 
.textShadowHex { 
    text-shadow: 4px 4px 2px #CBDAF9;
}
.divShadow { 
    -moz-box-shadow: 1px 1px 3px 2px #CBDAF9;
    -webkit-box-shadow: 1px 1px 3px 2px #CBDAF9;
    box-shadow: 1px 1px 3px 2px #CBDAF9;
}


Text Shadow with RGB Values

This text has shadow with rgb values.


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


Text Shadow with HEX Values

This text has shadow with hex values.


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


Div Box Shadow

This div box has shadow with Colour # CBDAF9



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

Colour Compositions

RGB % of Colour #CBDAF9

CMYK % of Colour #CBDAF9

Related Colours along with #CBDAF9

Black background

Sample text in #CBDAF9 colour with black background colour.

White background

Sample text in #CBDAF9 colour with white background colour.

#CBDAF9 over22 #CBF9D3

Sample text in #CBDAF9 colour with #CBF9D3 background colour.

#CBF9D3 over CBDAF9

Sample text in #CBF9D3 colour with #CBDAF9 background colour.

#CBDAF9 over22 #CBF9DA

Sample text in #CBDAF9 colour with #CBF9DA background colour.

#CBF9DA over CBDAF9

Sample text in #CBF9DA colour with #CBDAF9 background colour.

#CBDAF9 over22 #CBF9EA

Sample text in #CBDAF9 colour with #CBF9EA background colour.

#CBF9EA over CBDAF9

Sample text in #CBF9EA colour with #CBDAF9 background colour.

#CBDAF9 over22 #CCCCFF

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

#CCCCFF over CBDAF9

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

#CBDAF9 over22 #D8D8D8

Sample text in #CBDAF9 colour with #D8D8D8 background colour.

#D8D8D8 over CBDAF9

Sample text in #D8D8D8 colour with #CBDAF9 background colour.

#CBDAF9 over22 #DACBF9

Sample text in #CBDAF9 colour with #DACBF9 background colour.

#DACBF9 over CBDAF9

Sample text in #DACBF9 colour with #CBDAF9 background colour.

#CBDAF9 over22 #DAF9CB

Sample text in #CBDAF9 colour with #DAF9CB background colour.

#DAF9CB over CBDAF9

Sample text in #DAF9CB colour with #CBDAF9 background colour.

#CBDAF9 over22 #EACBF9

Sample text in #CBDAF9 colour with #EACBF9 background colour.

#EACBF9 over CBDAF9

Sample text in #EACBF9 colour with #CBDAF9 background colour.

#CBDAF9 over22 #F1F9CB

Sample text in #CBDAF9 colour with #F1F9CB background colour.

#F1F9CB over CBDAF9

Sample text in #F1F9CB colour with #CBDAF9 background colour.

#CBDAF9 over22 #F9CBDA

Sample text in #CBDAF9 colour with #F9CBDA background colour.

#F9CBDA over CBDAF9

Sample text in #F9CBDA colour with #CBDAF9 background colour.

#CBDAF9 over22 #F9CBF1

Sample text in #CBDAF9 colour with #F9CBF1 background colour.

#F9CBF1 over CBDAF9

Sample text in #F9CBF1 colour with #CBDAF9 background colour.

#CBDAF9 over22 #F9D3CB

Sample text in #CBDAF9 colour with #F9D3CB background colour.

#F9D3CB over CBDAF9

Sample text in #F9D3CB colour with #CBDAF9 background colour.

#CBDAF9 over22 #F9DACB

Sample text in #CBDAF9 colour with #F9DACB background colour.

#F9DACB over CBDAF9

Sample text in #F9DACB colour with #CBDAF9 background colour.

#CBDAF9 over22 #F9EACB

Sample text in #CBDAF9 colour with #F9EACB background colour.

#F9EACB over CBDAF9

Sample text in #F9EACB colour with #CBDAF9 background colour.

#CBDAF9 over22 #342506

Sample text in #CBDAF9 colour with #342506 background colour.

#342506 over CBDAF9

Sample text in #342506 colour with #CBDAF9 background colour.