Colour code #CEE3BE

#CEE3BE
rgb(206, 227, 190)
rgb(80.8%, 89%, 74.5%)

RGB value of #CEE3BE colour is rgb(206, 227, 190) where red value is 206, green value is 227 and the blue value is 190.

Max value from RGB for colour #CEE3BE is 227 which contains mainly Green colour.

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

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

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

Grayscale color of #CEE3BE is #D8D8D8

Inverted color of #CEE3BE is #311C41

OLE colour (RGB Long) of #CEE3BE is 12510158

Decimal Value of #CEE3BE is 13558718

Android / android.graphics.Color of #CEE3BE is -3218498 / 0xFFCEE3BE

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

Hex Triplets
#CEE3BE
RGB Decimal
rgb(206, 227, 190)
RGB Percent
rgb(80.78%, 89.02%, 74.51%)
RGBA
rgba(206, 227, 190, 1)
HSL
hsl(94.1, 39.8%, 81.8%)
HSLA
hsla(94.1, 39.8%, 81.8%, 1)

Colour spaces of #CEE3BE

  • RGB is opposite of CMY. CMY colours are complementary to RGB colours.
    R = 206
    80.78%
    G = 227
    89.02%
    B = 190
    74.51%

    C = 19.22%
    0.1921568627451
    M = 10.98%
    0.10980392156863
    Y = 25.49%
    0.25490196078431
  • HSL (HSI) – hue, saturation, lightness/intensity
    H = 94.1°
    0.26126126126126
    S = 39.8%
    0.39784946236559
    L = 81.8%
    0.81764705882353
  • HSV (HSB) – hue, saturation, brightness/value
    H = 94.1°
    0.26126126126126
    S = 16.3%
    0.16299559471366
    V = 89.02%
    0.89019607843137
  • CMYK – cyan, magenta, yellow, key/black
    C = 9.25
    0.092511013215859
    M = 0
    0
    Y = 16.3
    0.16299559471366
    K = 10.98
    0.10980392156863
  • CIE – International Commission on Illumination
    CIE XYZ
    CIE 1931 XYZ colour space
    X = 62.217
    62.216947519803
    Y = 71.778
    71.777687112202
    Z = 59.29
    59.290494434699

    Yxy
    CIE (x, y, Y)
    Y = 71.778
    71.777687112202
    x = 0.322
    0.32189205563938
    y = 0.371
    0.37135649006619

    Hunter-Lab
    Hunter 1948 colour space
    L = 84.72
    84.721713339735
    a = -17.18
    -17.178242211821
    b = 17.81
    17.81249013189

    CIELAB
    CIE 1976 (L*, a*, b*)
    L = 87.86
    87.861472585481
    a = -13.54
    -13.541795514798
    b = 15.75
    15.751897187373

    CIELUV
    CIE 1976 (L*, u*, v*)
    L = 87.8615
    87.861472585481
    u = -10.0957
    -10.095683450073
    v = 25.4294
    25.429402574452

    CIELCH
    Cylindrical representation
    L = 87.8615
    87.861472585481
    C = 20.7726
    20.772638030981
    H = 130.6854
    130.68541760812

    YIQ
    Luma In-phase Quadrature
    Y = 0.849
    0.84903137254902
    I = -0.0025
    -0.0025058823529412
    Q = -0.0626
    -0.06258431372549

Base Numbers

Base Red Green Blue
Binary 11001110 11100011 10111110
Octal 316 343 276
Decimal 206 227 190
Hex CE E3 BE


Colour Harmonies : #CEE3BE colour combinations

Complementary colour scheme for #CEE3BE

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

Split-complementary colour scheme for #CEE3BE

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 #CEE3BE are calculated by changing the hue by ±5/12 (±150°): 94.1° → -55.9° (94.1°-150°), 244.1° (94.1°+150°).

Triadic colours scheme for #CEE3BE

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 #CEE3BE are calculated by changing the hue by ±1/3 (±120°): 94.1° → -25.9° (94.1°-120°), 214.1° (94.1°+120°).

Tetradic (Rectangle) colour scheme for #CEE3BE

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 #CEE3BE are calculated by changing the hue as follows : 94.1° → 214.1° (94.1°+120°), 274.1° (94.1°+180°), 394.1° (94.1°+300°).


Four tetradic scheme colours (counter-clockwise) for #CEE3BE are calculated by changing the hue as follows : 94.1° → -25.9° (94.1°-120°), -85.9° (94.1°-180°), -205.9° (94.1°-300°).

Tetradic Square Colour Scheme for #CEE3BE

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 #CEE3BE are calculated by changing the hue by 1/4 (90°) progressively : 94.1° → 184.1° (94.1°+90°), 274.1° (94.1°+180°), 364.1° (94.1°+270°).

Analagous colours of #CEE3BE

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 #CEE3BE are calculated by changing the hue by ±1/12 (i.e. 30°): 94.1° → 124.1° (94.1°+30°), 64.1° (94.1°-30°).

RGB Variations of #CEE3BE

(R:CE, G:E3, B:CE)

Monochromatic colours of #CEE3BE

Shade Colour Variation of #CEE3BE (Darker)

A shade is achieved by adding black to any pure hue

Tint Colour Variation of #CEE3BE (Brighter)

Tint is created by mixing white to any pure color

Tones of #CEE3BE colour with more saturation

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

Tones of #CEE3BE colour with less saturation

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

#CEE3BE Colour in CSS Codes


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

Text with hexadecimal font colour #CEE3BE

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


#CEE3BE Background Colour

This div background Colour is #CEE3BE


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


#CEE3BE Border Colour

This div border Colour is #CEE3BE


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

CSS3 Examples


.textShadowRgb {
    text-shadow: 4px 4px 2px rgba(206, 227, 190, 0.8);
} 
.textShadowHex { 
    text-shadow: 4px 4px 2px #CEE3BE;
}
.divShadow { 
    -moz-box-shadow: 1px 1px 3px 2px #CEE3BE;
    -webkit-box-shadow: 1px 1px 3px 2px #CEE3BE;
    box-shadow: 1px 1px 3px 2px #CEE3BE;
}


Text Shadow with RGB Values

This text has shadow with rgb values.


<p style="text-shadow: 4px 4px 2px rgba(206, 227, 190, 0.8);">Text here</p>


Text Shadow with HEX Values

This text has shadow with hex values.


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


Div Box Shadow

This div box has shadow with Colour # CEE3BE



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

Colour Palettes with #CEE3BE

Colour Compositions

RGB % of Colour #CEE3BE

CMYK % of Colour #CEE3BE

Related Colours along with #CEE3BE

Black background

Sample text in #CEE3BE colour with black background colour.

White background

Sample text in #CEE3BE colour with white background colour.

#CEE3BE over22 #311C41

Sample text in #CEE3BE colour with #311C41 background colour.

#311C41 over CEE3BE

Sample text in #311C41 colour with #CEE3BE background colour.

#CEE3BE over22 #BECEE3

Sample text in #CEE3BE colour with #BECEE3 background colour.

#BECEE3 over CEE3BE

Sample text in #BECEE3 colour with #CEE3BE background colour.

#CEE3BE over22 #BEE1E3

Sample text in #CEE3BE colour with #BEE1E3 background colour.

#BEE1E3 over CEE3BE

Sample text in #BEE1E3 colour with #CEE3BE background colour.

#CEE3BE over22 #BEE3CE

Sample text in #CEE3BE colour with #BEE3CE background colour.

#BEE3CE over CEE3BE

Sample text in #BEE3CE colour with #CEE3BE background colour.

#CEE3BE over22 #BEE3D3

Sample text in #CEE3BE colour with #BEE3D3 background colour.

#BEE3D3 over CEE3BE

Sample text in #BEE3D3 colour with #CEE3BE background colour.

#CEE3BE over22 #C1BEE3

Sample text in #CEE3BE colour with #C1BEE3 background colour.

#C1BEE3 over CEE3BE

Sample text in #C1BEE3 colour with #CEE3BE background colour.

#CEE3BE over22 #CCCCCC

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

#CCCCCC over CEE3BE

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

#CEE3BE over22 #CEBEE3

Sample text in #CEE3BE colour with #CEBEE3 background colour.

#CEBEE3 over CEE3BE

Sample text in #CEBEE3 colour with #CEE3BE background colour.

#CEE3BE over22 #D3BEE3

Sample text in #CEE3BE colour with #D3BEE3 background colour.

#D3BEE3 over CEE3BE

Sample text in #D3BEE3 colour with #CEE3BE background colour.

#CEE3BE over22 #D8D8D8

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

#D8D8D8 over CEE3BE

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

#CEE3BE over22 #E3BECE

Sample text in #CEE3BE colour with #E3BECE background colour.

#E3BECE over CEE3BE

Sample text in #E3BECE colour with #CEE3BE background colour.

#CEE3BE over22 #E3BEE1

Sample text in #CEE3BE colour with #E3BEE1 background colour.

#E3BEE1 over CEE3BE

Sample text in #E3BEE1 colour with #CEE3BE background colour.

#CEE3BE over22 #E3C1BE

Sample text in #CEE3BE colour with #E3C1BE background colour.

#E3C1BE over CEE3BE

Sample text in #E3C1BE colour with #CEE3BE background colour.

#CEE3BE over22 #E3CEBE

Sample text in #CEE3BE colour with #E3CEBE background colour.

#E3CEBE over CEE3BE

Sample text in #E3CEBE colour with #CEE3BE background colour.

#CEE3BE over22 #E3D3BE

Sample text in #CEE3BE colour with #E3D3BE background colour.

#E3D3BE over CEE3BE

Sample text in #E3D3BE colour with #CEE3BE background colour.