Colour code #E3FDF1

#E3FDF1
rgb(227, 253, 241)
rgb(89%, 99.2%, 94.5%)

RGB value of #E3FDF1 colour is rgb(227, 253, 241) where red value is 227, green value is 253 and the blue value is 241.

Max value from RGB for colour #E3FDF1 is 253 which contains mainly Green colour.

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

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

Hex color #E3FDF1 is not a web safe color. Nearby web safe colour of #E3FDF1 is #CCFFFF.

Grayscale color of #E3FDF1 is #F3F3F3

Inverted color of #E3FDF1 is #1C020E

OLE colour (RGB Long) of #E3FDF1 is 15859171

Decimal Value of #E3FDF1 is 14941681

Android / android.graphics.Color of #E3FDF1 is -1835535 / 0xFFE3FDF1

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

Hex Triplets
#E3FDF1
RGB Decimal
rgb(227, 253, 241)
RGB Percent
rgb(89.02%, 99.22%, 94.51%)
RGBA
rgba(227, 253, 241, 1)
HSL
hsl(152.3, 86.7%, 94.1%)
HSLA
hsla(152.3, 86.7%, 94.1%, 1)

Colour spaces of #E3FDF1

  • RGB is opposite of CMY. CMY colours are complementary to RGB colours.
    R = 227
    89.02%
    G = 253
    99.22%
    B = 241
    94.51%

    C = 10.98%
    0.10980392156863
    M = 0.78%
    0.0078431372549019
    Y = 5.49%
    0.054901960784314
  • HSL (HSI) – hue, saturation, lightness/intensity
    H = 152.3°
    0.42307692307692
    S = 86.7%
    0.86666666666667
    L = 94.1%
    0.94117647058824
  • HSV (HSB) – hue, saturation, brightness/value
    H = 152.3°
    0.42307692307692
    S = 10.28%
    0.10276679841897
    V = 99.22%
    0.9921568627451
  • CMYK – cyan, magenta, yellow, key/black
    C = 10.28
    0.10276679841897
    M = 0
    0
    Y = 4.74
    0.047430830039526
    K = 0.78
    0.0078431372549019
  • CIE – International Commission on Illumination
    CIE XYZ
    CIE 1931 XYZ colour space
    X = 82.681
    82.681017256225
    Y = 92.932
    92.932326455837
    Z = 96.799
    96.799067098347

    Yxy
    CIE (x, y, Y)
    Y = 92.932
    92.932326455837
    x = 0.304
    0.30351413509485
    y = 0.341
    0.34114571424763

    Hunter-Lab
    Hunter 1948 colour space
    L = 96.4
    96.401414126473
    a = -15.61
    -15.607608697123
    b = 7.95
    7.9464203983832

    CIELAB
    CIE 1976 (L*, a*, b*)
    L = 97.2
    97.200130020726
    a = -10.63
    -10.630456491012
    b = 2.86
    2.8633055848467

    CIELUV
    CIE 1976 (L*, u*, v*)
    L = 97.2001
    97.200130020726
    u = -13.4947
    -13.494661160768
    v = 6.3007
    6.3007148286186

    CIELCH
    Cylindrical representation
    L = 97.2001
    97.200130020726
    C = 11.0093
    11.009319873613
    H = 164.9252
    164.92518187447

    YIQ
    Luma In-phase Quadrature
    Y = 0.9563
    0.95630588235294
    I = -0.0457
    -0.045662745098039
    Q = -0.0363
    -0.036250980392157

Base Numbers

Base Red Green Blue
Binary 11100011 11111101 11110001
Octal 343 375 361
Decimal 227 253 241
Hex E3 FD F1


Colour Harmonies : #E3FDF1 colour combinations

Complementary colour scheme for #E3FDF1

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

Split-complementary colour scheme for #E3FDF1

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 #E3FDF1 are calculated by changing the hue by ±5/12 (±150°): 152.3° → 2.3° (152.3°-150°), 302.3° (152.3°+150°).

Triadic colours scheme for #E3FDF1

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 #E3FDF1 are calculated by changing the hue by ±1/3 (±120°): 152.3° → 32.3° (152.3°-120°), 272.3° (152.3°+120°).

Tetradic (Rectangle) colour scheme for #E3FDF1

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 #E3FDF1 are calculated by changing the hue as follows : 152.3° → 272.3° (152.3°+120°), 332.3° (152.3°+180°), 452.3° (152.3°+300°).


Four tetradic scheme colours (counter-clockwise) for #E3FDF1 are calculated by changing the hue as follows : 152.3° → 32.3° (152.3°-120°), -27.7° (152.3°-180°), -147.7° (152.3°-300°).

Tetradic Square Colour Scheme for #E3FDF1

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 #E3FDF1 are calculated by changing the hue by 1/4 (90°) progressively : 152.3° → 242.3° (152.3°+90°), 332.3° (152.3°+180°), 422.3° (152.3°+270°).

Analagous colours of #E3FDF1

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 #E3FDF1 are calculated by changing the hue by ±1/12 (i.e. 30°): 152.3° → 182.3° (152.3°+30°), 122.3° (152.3°-30°).

RGB Variations of #E3FDF1

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

Monochromatic colours of #E3FDF1

Shade Colour Variation of #E3FDF1 (Darker)

A shade is achieved by adding black to any pure hue

Tint Colour Variation of #E3FDF1 (Brighter)

Tint is created by mixing white to any pure color

Tones of #E3FDF1 colour with more saturation

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

Tones of #E3FDF1 colour with less saturation

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

#E3FDF1 Colour in CSS Codes


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

Text with hexadecimal font colour #E3FDF1

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


#E3FDF1 Background Colour

This div background Colour is #E3FDF1


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


#E3FDF1 Border Colour

This div border Colour is #E3FDF1


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

CSS3 Examples


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


Text Shadow with RGB Values

This text has shadow with rgb values.


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


Text Shadow with HEX Values

This text has shadow with hex values.


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


Div Box Shadow

This div box has shadow with Colour # E3FDF1



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

Colour Palettes with #E3FDF1

Colour Compositions

RGB % of Colour #E3FDF1

CMYK % of Colour #E3FDF1

Related Colours along with #E3FDF1

Black background

Sample text in #E3FDF1 colour with black background colour.

White background

Sample text in #E3FDF1 colour with white background colour.

#E3FDF1 over22 #1C020E

Sample text in #E3FDF1 colour with #1C020E background colour.

#1C020E over E3FDF1

Sample text in #1C020E colour with #E3FDF1 background colour.

#E3FDF1 over22 #CCFFFF

Sample text in #E3FDF1 colour with #CCFFFF background colour.

#CCFFFF over E3FDF1

Sample text in #CCFFFF colour with #E3FDF1 background colour.

#E3FDF1 over22 #E3EFFD

Sample text in #E3FDF1 colour with #E3EFFD background colour.

#E3EFFD over E3FDF1

Sample text in #E3EFFD colour with #E3FDF1 background colour.

#E3FDF1 over22 #E3F1FD

Sample text in #E3FDF1 colour with #E3F1FD background colour.

#E3F1FD over E3FDF1

Sample text in #E3F1FD colour with #E3FDF1 background colour.

#E3FDF1 over22 #E4E3FD

Sample text in #E3FDF1 colour with #E4E3FD background colour.

#E4E3FD over E3FDF1

Sample text in #E4E3FD colour with #E3FDF1 background colour.

#E3FDF1 over22 #EFFDE3

Sample text in #E3FDF1 colour with #EFFDE3 background colour.

#EFFDE3 over E3FDF1

Sample text in #EFFDE3 colour with #E3FDF1 background colour.

#E3FDF1 over22 #F1E3FD

Sample text in #E3FDF1 colour with #F1E3FD background colour.

#F1E3FD over E3FDF1

Sample text in #F1E3FD colour with #E3FDF1 background colour.

#E3FDF1 over22 #F1FDE3

Sample text in #E3FDF1 colour with #F1FDE3 background colour.

#F1FDE3 over E3FDF1

Sample text in #F1FDE3 colour with #E3FDF1 background colour.

#E3FDF1 over22 #F3F3F3

Sample text in #E3FDF1 colour with #F3F3F3 background colour.

#F3F3F3 over E3FDF1

Sample text in #F3F3F3 colour with #E3FDF1 background colour.

#E3FDF1 over22 #FCFDE3

Sample text in #E3FDF1 colour with #FCFDE3 background colour.

#FCFDE3 over E3FDF1

Sample text in #FCFDE3 colour with #E3FDF1 background colour.

#E3FDF1 over22 #FDE3EF

Sample text in #E3FDF1 colour with #FDE3EF background colour.

#FDE3EF over E3FDF1

Sample text in #FDE3EF colour with #E3FDF1 background colour.

#E3FDF1 over22 #FDE3F1

Sample text in #E3FDF1 colour with #FDE3F1 background colour.

#FDE3F1 over E3FDF1

Sample text in #FDE3F1 colour with #E3FDF1 background colour.

#E3FDF1 over22 #FDE3FC

Sample text in #E3FDF1 colour with #FDE3FC background colour.

#FDE3FC over E3FDF1

Sample text in #FDE3FC colour with #E3FDF1 background colour.

#E3FDF1 over22 #FDE4E3

Sample text in #E3FDF1 colour with #FDE4E3 background colour.

#FDE4E3 over E3FDF1

Sample text in #FDE4E3 colour with #E3FDF1 background colour.

#E3FDF1 over22 #FDF1E3

Sample text in #E3FDF1 colour with #FDF1E3 background colour.

#FDF1E3 over E3FDF1

Sample text in #FDF1E3 colour with #E3FDF1 background colour.