Colour code #BFCBE2

#BFCBE2
rgb(191, 203, 226)
rgb(74.9%, 79.6%, 88.6%)

RGB value of #BFCBE2 colour is rgb(191, 203, 226) where red value is 191, green value is 203 and the blue value is 226.

Max value from RGB for colour #BFCBE2 is 226 which contains mainly Blue colour.

Cylindrical-coordinate representations (also known as HSL colours) of colour #BFCBE2 hue angle of 219.4°, saturation:37.6% and the lightness value is 81.8%.

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

Hex color #BFCBE2 is not a web safe color. Nearby web safe colour of #BFCBE2 is #CCCCCC.

Grayscale color of #BFCBE2 is #C9C9C9

Inverted color of #BFCBE2 is #40341D

OLE colour (RGB Long) of #BFCBE2 is 14863295

Decimal Value of #BFCBE2 is 12569570

Android / android.graphics.Color of #BFCBE2 is -4207646 / 0xFFBFCBE2

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

Hex Triplets
#BFCBE2
RGB Decimal
rgb(191, 203, 226)
RGB Percent
rgb(74.9%, 79.61%, 88.63%)
RGBA
rgba(191, 203, 226, 1)
HSL
hsl(219.4, 37.6%, 81.8%)
HSLA
hsla(219.4, 37.6%, 81.8%, 1)

Colour spaces of #BFCBE2

  • RGB is opposite of CMY. CMY colours are complementary to RGB colours.
    R = 191
    74.9%
    G = 203
    79.61%
    B = 226
    88.63%

    C = 25.1%
    0.25098039215686
    M = 20.39%
    0.20392156862745
    Y = 11.37%
    0.11372549019608
  • HSL (HSI) – hue, saturation, lightness/intensity
    H = 219.4°
    0.60952380952381
    S = 37.6%
    0.37634408602151
    L = 81.8%
    0.81764705882353
  • HSV (HSB) – hue, saturation, brightness/value
    H = 219.4°
    0.60952380952381
    S = 15.49%
    0.15486725663717
    V = 88.63%
    0.88627450980392
  • CMYK – cyan, magenta, yellow, key/black
    C = 15.49
    0.15486725663717
    M = 10.18
    0.10176991150442
    Y = 0
    0
    K = 11.37
    0.11372549019608
  • CIE – International Commission on Illumination
    CIE XYZ
    CIE 1931 XYZ colour space
    X = 56.569
    56.569260700225
    Y = 59.279
    59.279224713857
    Z = 80.412
    80.412020942967

    Yxy
    CIE (x, y, Y)
    Y = 59.279
    59.279224713857
    x = 0.288
    0.28823557907932
    y = 0.302
    0.30204357368778

    Hunter-Lab
    Hunter 1948 colour space
    L = 76.99
    76.993002743013
    a = -3.59
    -3.5880051445304
    b = -8.03
    -8.0277813530872

    CIELAB
    CIE 1976 (L*, a*, b*)
    L = 81.44
    81.444835676527
    a = 0.56
    0.56117488076451
    b = -12.77
    -12.771626502307

    CIELUV
    CIE 1976 (L*, u*, v*)
    L = 81.4448
    81.444835676527
    u = -7.6333
    -7.6332510748459
    v = -19.9798
    -19.979807907217

    CIELCH
    Cylindrical representation
    L = 81.4448
    81.444835676527
    C = 12.7839
    12.783949341312
    H = 272.5159
    272.51591166654

    YIQ
    Luma In-phase Quadrature
    Y = 0.7923
    0.79229019607843
    I = -0.057
    -0.057
    Q = 0.0181
    0.018074509803922

Base Numbers

Base Red Green Blue
Binary 10111111 11001011 11100010
Octal 277 313 342
Decimal 191 203 226
Hex BF CB E2


Colour Harmonies : #BFCBE2 colour combinations

Complementary colour scheme for #BFCBE2

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

Split-complementary colour scheme for #BFCBE2

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

Triadic colours scheme for #BFCBE2

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 #BFCBE2 are calculated by changing the hue by ±1/3 (±120°): 219.4° → 99.4° (219.4°-120°), 339.4° (219.4°+120°).

Tetradic (Rectangle) colour scheme for #BFCBE2

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 #BFCBE2 are calculated by changing the hue as follows : 219.4° → 339.4° (219.4°+120°), 399.4° (219.4°+180°), 519.4° (219.4°+300°).


Four tetradic scheme colours (counter-clockwise) for #BFCBE2 are calculated by changing the hue as follows : 219.4° → 99.4° (219.4°-120°), 39.4° (219.4°-180°), -80.6° (219.4°-300°).

Tetradic Square Colour Scheme for #BFCBE2

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 #BFCBE2 are calculated by changing the hue by 1/4 (90°) progressively : 219.4° → 309.4° (219.4°+90°), 399.4° (219.4°+180°), 489.4° (219.4°+270°).

Analagous colours of #BFCBE2

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 #BFCBE2 are calculated by changing the hue by ±1/12 (i.e. 30°): 219.4° → 249.4° (219.4°+30°), 189.4° (219.4°-30°).

RGB Variations of #BFCBE2

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

Monochromatic colours of #BFCBE2

Shade Colour Variation of #BFCBE2 (Darker)

A shade is achieved by adding black to any pure hue

Tint Colour Variation of #BFCBE2 (Brighter)

Tint is created by mixing white to any pure color

Tones of #BFCBE2 colour with more saturation

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

Tones of #BFCBE2 colour with less saturation

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

#BFCBE2 Colour in CSS Codes


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

Text with hexadecimal font colour #BFCBE2

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


#BFCBE2 Background Colour

This div background Colour is #BFCBE2


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


#BFCBE2 Border Colour

This div border Colour is #BFCBE2


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

CSS3 Examples


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


Text Shadow with RGB Values

This text has shadow with rgb values.


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


Text Shadow with HEX Values

This text has shadow with hex values.


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


Div Box Shadow

This div box has shadow with Colour # BFCBE2



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

Colour Compositions

RGB % of Colour #BFCBE2

CMYK % of Colour #BFCBE2

Related Colours along with #BFCBE2

Black background

Sample text in #BFCBE2 colour with black background colour.

White background

Sample text in #BFCBE2 colour with white background colour.

#BFCBE2 over22 #40341D

Sample text in #BFCBE2 colour with #40341D background colour.

#40341D over BFCBE2

Sample text in #40341D colour with #BFCBE2 background colour.

#BFCBE2 over22 #BFE2C4

Sample text in #BFCBE2 colour with #BFE2C4 background colour.

#BFE2C4 over BFCBE2

Sample text in #BFE2C4 colour with #BFCBE2 background colour.

#BFCBE2 over22 #BFE2CB

Sample text in #BFCBE2 colour with #BFE2CB background colour.

#BFE2CB over BFCBE2

Sample text in #BFE2CB colour with #BFCBE2 background colour.

#BFCBE2 over22 #BFE2D6

Sample text in #BFCBE2 colour with #BFE2D6 background colour.

#BFE2D6 over BFCBE2

Sample text in #BFE2D6 colour with #BFCBE2 background colour.

#BFCBE2 over22 #C9C9C9

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

#C9C9C9 over BFCBE2

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

#BFCBE2 over22 #CBBFE2

Sample text in #BFCBE2 colour with #CBBFE2 background colour.

#CBBFE2 over BFCBE2

Sample text in #CBBFE2 colour with #BFCBE2 background colour.

#BFCBE2 over22 #CBE2BF

Sample text in #BFCBE2 colour with #CBE2BF background colour.

#CBE2BF over BFCBE2

Sample text in #CBE2BF colour with #BFCBE2 background colour.

#BFCBE2 over22 #CCCCCC

Sample text in #BFCBE2 colour with #CCCCCC background colour.

#CCCCCC over BFCBE2

Sample text in #CCCCCC colour with #BFCBE2 background colour.

#BFCBE2 over22 #D6BFE2

Sample text in #BFCBE2 colour with #D6BFE2 background colour.

#D6BFE2 over BFCBE2

Sample text in #D6BFE2 colour with #BFCBE2 background colour.

#BFCBE2 over22 #DCE2BF

Sample text in #BFCBE2 colour with #DCE2BF background colour.

#DCE2BF over BFCBE2

Sample text in #DCE2BF colour with #BFCBE2 background colour.

#BFCBE2 over22 #E2BFCB

Sample text in #BFCBE2 colour with #E2BFCB background colour.

#E2BFCB over BFCBE2

Sample text in #E2BFCB colour with #BFCBE2 background colour.

#BFCBE2 over22 #E2BFDC

Sample text in #BFCBE2 colour with #E2BFDC background colour.

#E2BFDC over BFCBE2

Sample text in #E2BFDC colour with #BFCBE2 background colour.

#BFCBE2 over22 #E2C4BF

Sample text in #BFCBE2 colour with #E2C4BF background colour.

#E2C4BF over BFCBE2

Sample text in #E2C4BF colour with #BFCBE2 background colour.

#BFCBE2 over22 #E2CBBF

Sample text in #BFCBE2 colour with #E2CBBF background colour.

#E2CBBF over BFCBE2

Sample text in #E2CBBF colour with #BFCBE2 background colour.

#BFCBE2 over22 #E2D6BF

Sample text in #BFCBE2 colour with #E2D6BF background colour.

#E2D6BF over BFCBE2

Sample text in #E2D6BF colour with #BFCBE2 background colour.