Colour code #B5CBF7

#B5CBF7
rgb(181, 203, 247)
rgb(71%, 79.6%, 96.9%)

RGB value of #B5CBF7 colour is rgb(181, 203, 247) where red value is 181, green value is 203 and the blue value is 247.

Max value from RGB for colour #B5CBF7 is 247 which contains mainly Blue colour.

Cylindrical-coordinate representations (also known as HSL colours) of colour #B5CBF7 hue angle of 220°, saturation:80.5% and the lightness value is 83.9%.

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

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

Grayscale color of #B5CBF7 is #C9C9C9

Inverted color of #B5CBF7 is #4A3408

OLE colour (RGB Long) of #B5CBF7 is 16239541

Decimal Value of #B5CBF7 is 11914231

Android / android.graphics.Color of #B5CBF7 is -4862985 / 0xFFB5CBF7

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

Hex Triplets
#B5CBF7
RGB Decimal
rgb(181, 203, 247)
RGB Percent
rgb(70.98%, 79.61%, 96.86%)
RGBA
rgba(181, 203, 247, 1)
HSL
hsl(220, 80.5%, 83.9%)
HSLA
hsla(220, 80.5%, 83.9%, 1)

Colour spaces of #B5CBF7

  • RGB is opposite of CMY. CMY colours are complementary to RGB colours.
    R = 181
    70.98%
    G = 203
    79.61%
    B = 247
    96.86%

    C = 29.02%
    0.29019607843137
    M = 20.39%
    0.20392156862745
    Y = 3.14%
    0.031372549019608
  • HSL (HSI) – hue, saturation, lightness/intensity
    H = 220°
    0.61111111111111
    S = 80.5%
    0.80487804878049
    L = 83.9%
    0.83921568627451
  • HSV (HSB) – hue, saturation, brightness/value
    H = 220°
    0.61111111111111
    S = 26.72%
    0.26720647773279
    V = 96.86%
    0.96862745098039
  • CMYK – cyan, magenta, yellow, key/black
    C = 26.72
    0.26720647773279
    M = 17.81
    0.17813765182186
    Y = 0
    0
    K = 3.14
    0.031372549019608
  • CIE – International Commission on Illumination
    CIE XYZ
    CIE 1931 XYZ colour space
    X = 57.2
    57.200492411312
    Y = 59.251
    59.2510293139
    Z = 96.417
    96.417491015213

    Yxy
    CIE (x, y, Y)
    Y = 59.251
    59.2510293139
    x = 0.269
    0.26871216094314
    y = 0.278
    0.27834501861551

    Hunter-Lab
    Hunter 1948 colour space
    L = 76.97
    76.974690200026
    a = -2.06
    -2.0609661968231
    b = -20.38
    -20.383596039708

    CIELAB
    CIE 1976 (L*, a*, b*)
    L = 81.43
    81.42938376597
    a = 2.19
    2.186358841624
    b = -24.07
    -24.07461287853

    CIELUV
    CIE 1976 (L*, u*, v*)
    L = 81.4294
    81.42938376597
    u = -13.3464
    -13.34642140104
    v = -38.7693
    -38.769265512449

    CIELCH
    Cylindrical representation
    L = 81.4294
    81.42938376597
    C = 24.1737
    24.173687146057
    H = 275.1891
    275.18913602992

    YIQ
    Luma In-phase Quadrature
    Y = 0.79
    0.78995294117647
    I = -0.1068
    -0.10680784313725
    Q = 0.0354
    0.035372549019608

Base Numbers

Base Red Green Blue
Binary 10110101 11001011 11110111
Octal 265 313 367
Decimal 181 203 247
Hex B5 CB F7


Colour Harmonies : #B5CBF7 colour combinations

Complementary colour scheme for #B5CBF7

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

Split-complementary colour scheme for #B5CBF7

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

Triadic colours scheme for #B5CBF7

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 #B5CBF7 are calculated by changing the hue by ±1/3 (±120°): 220° → 100° (220°-120°), 340° (220°+120°).

Tetradic (Rectangle) colour scheme for #B5CBF7

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 #B5CBF7 are calculated by changing the hue as follows : 220° → 340° (220°+120°), 400° (220°+180°), 520° (220°+300°).


Four tetradic scheme colours (counter-clockwise) for #B5CBF7 are calculated by changing the hue as follows : 220° → 100° (220°-120°), 40° (220°-180°), -80° (220°-300°).

Tetradic Square Colour Scheme for #B5CBF7

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 #B5CBF7 are calculated by changing the hue by 1/4 (90°) progressively : 220° → 310° (220°+90°), 400° (220°+180°), 490° (220°+270°).

Analagous colours of #B5CBF7

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 #B5CBF7 are calculated by changing the hue by ±1/12 (i.e. 30°): 220° → 250° (220°+30°), 190° (220°-30°).

RGB Variations of #B5CBF7

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

Monochromatic colours of #B5CBF7

Shade Colour Variation of #B5CBF7 (Darker)

A shade is achieved by adding black to any pure hue

Tint Colour Variation of #B5CBF7 (Brighter)

Tint is created by mixing white to any pure color

Tones of #B5CBF7 colour with more saturation

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

Tones of #B5CBF7 colour with less saturation

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

#B5CBF7 Colour in CSS Codes


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

Text with hexadecimal font colour #B5CBF7

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


#B5CBF7 Background Colour

This div background Colour is #B5CBF7


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


#B5CBF7 Border Colour

This div border Colour is #B5CBF7


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

CSS3 Examples


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


Text Shadow with RGB Values

This text has shadow with rgb values.


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


Text Shadow with HEX Values

This text has shadow with hex values.


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


Div Box Shadow

This div box has shadow with Colour # B5CBF7



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

Colour Palettes with #B5CBF7

Colour Compositions

RGB % of Colour #B5CBF7

CMYK % of Colour #B5CBF7

Related Colours along with #B5CBF7

Black background

Sample text in #B5CBF7 colour with black background colour.

White background

Sample text in #B5CBF7 colour with white background colour.

#B5CBF7 over22 #4A3408

Sample text in #B5CBF7 colour with #4A3408 background colour.

#4A3408 over B5CBF7

Sample text in #4A3408 colour with #B5CBF7 background colour.

#B5CBF7 over22 #B5F7C0

Sample text in #B5CBF7 colour with #B5F7C0 background colour.

#B5F7C0 over B5CBF7

Sample text in #B5F7C0 colour with #B5CBF7 background colour.

#B5CBF7 over22 #B5F7CB

Sample text in #B5CBF7 colour with #B5F7CB background colour.

#B5F7CB over B5CBF7

Sample text in #B5F7CB colour with #B5CBF7 background colour.

#B5CBF7 over22 #B5F7E1

Sample text in #B5CBF7 colour with #B5F7E1 background colour.

#B5F7E1 over B5CBF7

Sample text in #B5F7E1 colour with #B5CBF7 background colour.

#B5CBF7 over22 #C9C9C9

Sample text in #B5CBF7 colour with #C9C9C9 background colour.

#C9C9C9 over B5CBF7

Sample text in #C9C9C9 colour with #B5CBF7 background colour.

#B5CBF7 over22 #CBB5F7

Sample text in #B5CBF7 colour with #CBB5F7 background colour.

#CBB5F7 over B5CBF7

Sample text in #CBB5F7 colour with #B5CBF7 background colour.

#B5CBF7 over22 #CBF7B5

Sample text in #B5CBF7 colour with #CBF7B5 background colour.

#CBF7B5 over B5CBF7

Sample text in #CBF7B5 colour with #B5CBF7 background colour.

#B5CBF7 over22 #CCCCFF

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

#CCCCFF over B5CBF7

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

#B5CBF7 over22 #E1B5F7

Sample text in #B5CBF7 colour with #E1B5F7 background colour.

#E1B5F7 over B5CBF7

Sample text in #E1B5F7 colour with #B5CBF7 background colour.

#B5CBF7 over22 #ECF7B5

Sample text in #B5CBF7 colour with #ECF7B5 background colour.

#ECF7B5 over B5CBF7

Sample text in #ECF7B5 colour with #B5CBF7 background colour.

#B5CBF7 over22 #F7B5CB

Sample text in #B5CBF7 colour with #F7B5CB background colour.

#F7B5CB over B5CBF7

Sample text in #F7B5CB colour with #B5CBF7 background colour.

#B5CBF7 over22 #F7B5EC

Sample text in #B5CBF7 colour with #F7B5EC background colour.

#F7B5EC over B5CBF7

Sample text in #F7B5EC colour with #B5CBF7 background colour.

#B5CBF7 over22 #F7C0B5

Sample text in #B5CBF7 colour with #F7C0B5 background colour.

#F7C0B5 over B5CBF7

Sample text in #F7C0B5 colour with #B5CBF7 background colour.

#B5CBF7 over22 #F7CBB5

Sample text in #B5CBF7 colour with #F7CBB5 background colour.

#F7CBB5 over B5CBF7

Sample text in #F7CBB5 colour with #B5CBF7 background colour.

#B5CBF7 over22 #F7E1B5

Sample text in #B5CBF7 colour with #F7E1B5 background colour.

#F7E1B5 over B5CBF7

Sample text in #F7E1B5 colour with #B5CBF7 background colour.