Colour code #ECFACC

#ECFACC
rgb(236, 250, 204)
rgb(92.5%, 98%, 80%)

RGB value of #ECFACC colour is rgb(236, 250, 204) where red value is 236, green value is 250 and the blue value is 204.

Max value from RGB for colour #ECFACC is 250 which contains mainly Green colour.

Cylindrical-coordinate representations (also known as HSL colours) of colour #ECFACC hue angle of 78.3°, saturation:82.1% and the lightness value is 89%.

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

Hex color #ECFACC is not a web safe color. Nearby web safe colour of #ECFACC is #FFFFCC.

Grayscale color of #ECFACC is #F0F0F0

Inverted color of #ECFACC is #130533

OLE colour (RGB Long) of #ECFACC is 13433580

Decimal Value of #ECFACC is 15530700

Android / android.graphics.Color of #ECFACC is -1246516 / 0xFFECFACC

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

Hex Triplets
#ECFACC
RGB Decimal
rgb(236, 250, 204)
RGB Percent
rgb(92.55%, 98.04%, 80%)
RGBA
rgba(236, 250, 204, 1)
HSL
hsl(78.3, 82.1%, 89%)
HSLA
hsla(78.3, 82.1%, 89%, 1)

Colour spaces of #ECFACC

  • RGB is opposite of CMY. CMY colours are complementary to RGB colours.
    R = 236
    92.55%
    G = 250
    98.04%
    B = 204
    80%

    C = 7.45%
    0.074509803921569
    M = 1.96%
    0.019607843137255
    Y = 20%
    0.2
  • HSL (HSI) – hue, saturation, lightness/intensity
    H = 78.3°
    0.21739130434783
    S = 82.1%
    0.82142857142857
    L = 89%
    0.89019607843137
  • HSV (HSB) – hue, saturation, brightness/value
    H = 78.3°
    0.21739130434783
    S = 18.4%
    0.184
    V = 98.04%
    0.98039215686275
  • CMYK – cyan, magenta, yellow, key/black
    C = 5.6
    0.056
    M = 0
    0
    Y = 18.4
    0.184
    K = 1.96
    0.019607843137255
  • CIE – International Commission on Illumination
    CIE XYZ
    CIE 1931 XYZ colour space
    X = 79.677
    79.676761822721
    Y = 90.564
    90.563714600533
    Z = 70.408
    70.407873021591

    Yxy
    CIE (x, y, Y)
    Y = 90.564
    90.563714600533
    x = 0.331
    0.33109207691027
    y = 0.376
    0.37633216604001

    Hunter-Lab
    Hunter 1948 colour space
    L = 95.16
    95.164969710778
    a = -17.09
    -17.08977657094
    b = 22.75
    22.749728573097

    CIELAB
    CIE 1976 (L*, a*, b*)
    L = 96.23
    96.230112528423
    a = -12.3
    -12.301804134866
    b = 20.55
    20.551596525787

    CIELUV
    CIE 1976 (L*, u*, v*)
    L = 96.2301
    96.230112528423
    u = -5.7654
    -5.7653587407876
    v = 32.3262
    32.326174404876

    CIELCH
    Cylindrical representation
    L = 96.2301
    96.230112528423
    C = 23.9521
    23.952087690457
    H = 120.904
    120.90395603894

    YIQ
    Luma In-phase Quadrature
    Y = 0.9434
    0.94341176470588
    I = 0.0252
    0.02518431372549
    Q = -0.0677
    -0.067741176470588

Base Numbers

Base Red Green Blue
Binary 11101100 11111010 11001100
Octal 354 372 314
Decimal 236 250 204
Hex EC FA CC


Colour Harmonies : #ECFACC colour combinations

Complementary colour scheme for #ECFACC

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

Split-complementary colour scheme for #ECFACC

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 #ECFACC are calculated by changing the hue by ±5/12 (±150°): 78.3° → -71.7° (78.3°-150°), 228.3° (78.3°+150°).

Triadic colours scheme for #ECFACC

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 #ECFACC are calculated by changing the hue by ±1/3 (±120°): 78.3° → -41.7° (78.3°-120°), 198.3° (78.3°+120°).

Tetradic (Rectangle) colour scheme for #ECFACC

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 #ECFACC are calculated by changing the hue as follows : 78.3° → 198.3° (78.3°+120°), 258.3° (78.3°+180°), 378.3° (78.3°+300°).


Four tetradic scheme colours (counter-clockwise) for #ECFACC are calculated by changing the hue as follows : 78.3° → -41.7° (78.3°-120°), -101.7° (78.3°-180°), -221.7° (78.3°-300°).

Tetradic Square Colour Scheme for #ECFACC

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 #ECFACC are calculated by changing the hue by 1/4 (90°) progressively : 78.3° → 168.3° (78.3°+90°), 258.3° (78.3°+180°), 348.3° (78.3°+270°).

Analagous colours of #ECFACC

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 #ECFACC are calculated by changing the hue by ±1/12 (i.e. 30°): 78.3° → 108.3° (78.3°+30°), 48.3° (78.3°-30°).

RGB Variations of #ECFACC

(R:EC, G:FA, B:EC)

Monochromatic colours of #ECFACC

Shade Colour Variation of #ECFACC (Darker)

A shade is achieved by adding black to any pure hue

Tint Colour Variation of #ECFACC (Brighter)

Tint is created by mixing white to any pure color

Tones of #ECFACC colour with more saturation

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

Tones of #ECFACC colour with less saturation

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

#ECFACC Colour in CSS Codes


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

Text with hexadecimal font colour #ECFACC

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


#ECFACC Background Colour

This div background Colour is #ECFACC


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


#ECFACC Border Colour

This div border Colour is #ECFACC


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

CSS3 Examples


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


Text Shadow with RGB Values

This text has shadow with rgb values.


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


Text Shadow with HEX Values

This text has shadow with hex values.


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


Div Box Shadow

This div box has shadow with Colour # ECFACC



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

Colour Palettes with #ECFACC

Colour Compositions

RGB % of Colour #ECFACC

CMYK % of Colour #ECFACC

Related Colours along with #ECFACC

Black background

Sample text in #ECFACC colour with black background colour.

White background

Sample text in #ECFACC colour with white background colour.

#ECFACC over22 #CCD5FA

Sample text in #ECFACC colour with #CCD5FA background colour.

#CCD5FA over ECFACC

Sample text in #CCD5FA colour with #ECFACC background colour.

#ECFACC over22 #CCECFA

Sample text in #ECFACC colour with #CCECFA background colour.

#CCECFA over ECFACC

Sample text in #CCECFA colour with #ECFACC background colour.

#ECFACC over22 #CCFADA

Sample text in #ECFACC colour with #CCFADA background colour.

#CCFADA over ECFACC

Sample text in #CCFADA colour with #ECFACC background colour.

#ECFACC over22 #CCFAEC

Sample text in #ECFACC colour with #CCFAEC background colour.

#CCFAEC over ECFACC

Sample text in #CCFAEC colour with #ECFACC background colour.

#ECFACC over22 #CCFAF1

Sample text in #ECFACC colour with #CCFAF1 background colour.

#CCFAF1 over ECFACC

Sample text in #CCFAF1 colour with #ECFACC background colour.

#ECFACC over22 #DACCFA

Sample text in #ECFACC colour with #DACCFA background colour.

#DACCFA over ECFACC

Sample text in #DACCFA colour with #ECFACC background colour.

#ECFACC over22 #ECCCFA

Sample text in #ECFACC colour with #ECCCFA background colour.

#ECCCFA over ECFACC

Sample text in #ECCCFA colour with #ECFACC background colour.

#ECFACC over22 #F0F0F0

Sample text in #ECFACC colour with #F0F0F0 background colour.

#F0F0F0 over ECFACC

Sample text in #F0F0F0 colour with #ECFACC background colour.

#ECFACC over22 #F1CCFA

Sample text in #ECFACC colour with #F1CCFA background colour.

#F1CCFA over ECFACC

Sample text in #F1CCFA colour with #ECFACC background colour.

#ECFACC over22 #FACCD5

Sample text in #ECFACC colour with #FACCD5 background colour.

#FACCD5 over ECFACC

Sample text in #FACCD5 colour with #ECFACC background colour.

#ECFACC over22 #FACCEC

Sample text in #ECFACC colour with #FACCEC background colour.

#FACCEC over ECFACC

Sample text in #FACCEC colour with #ECFACC background colour.

#ECFACC over22 #FADACC

Sample text in #ECFACC colour with #FADACC background colour.

#FADACC over ECFACC

Sample text in #FADACC colour with #ECFACC background colour.

#ECFACC over22 #FAECCC

Sample text in #ECFACC colour with #FAECCC background colour.

#FAECCC over ECFACC

Sample text in #FAECCC colour with #ECFACC background colour.

#ECFACC over22 #FFFFCC

Sample text in #ECFACC colour with #FFFFCC background colour.

#FFFFCC over ECFACC

Sample text in #FFFFCC colour with #ECFACC background colour.

#ECFACC over22 #130533

Sample text in #ECFACC colour with #130533 background colour.

#130533 over ECFACC

Sample text in #130533 colour with #ECFACC background colour.