#ecf0f1 Hex Color Information

#ecf0f1 color image
#ecf0f1 hex color is composed of 92.5% red, 94.1% green and 94.5% blue. This color's complement is #f1edec. The CMYK color model (used in color printing) for #ecf0f1 is 2% cyan, 0% magenta, 0% yellow and 5% black. #ecf0f1 hex color decimal value is 15528177. The #ecf0f1 hex color can be used on a black background.

#ecf0f1 Color Conversions

Hex Triplet ecf0f1
RGB 236, 240, 241
RGB Percent 92.5%, 94.1%, 94.5%
HSV 192.00º, 15%, 94%
XYZ 81.629, 86.504, 95.614
LAB 0.945, -0.011, -0.010
CMYK 2%, 0%, 0%, 5%
Decimal 15528177
Color Is Dark No
Color Is Light Yes
Most Readable Black
Web Safe Color ffffff

Closest Colors

Below you can see alternatives to #ecf0f1.

    #ecf0f1 Color Schemes

    Below you can see compatible color combinations for #ecf0f1.

    Complementary Color

    Complementary colors, known as contrasting colors in the color wheel, are used to achieve a high-contrast, vibrant appearance.

    #ecf0f1 #f1edec

    Analogous Colors

    Analogous colors are arranged side by side on the color wheel. It is generally used for harmonious and quiet designs.

    #ecedf1 #ecf0f1 #ecf1ef

    Triadic Colors

    The triadic colors, uses colors that are evenly spaced around the color wheel.

    #f1ecf0 #ecf0f1 #f0f1ec

    Tetradic Colors

    The tetradic color scheme consists of four colors arranged in two complementary colors.

    #efecf1 #ecf0f1 #f1edec #edf1ec

    Split Complementary Colors

    The split complementary colors consist of complementary colors on either side of the selected main color.

    #f1eced #ecf0f1 #f1efec

    Lighten and Darken Colors

    Below you can see lighter and darker shades of #ecf0f1.

    #ffffff #ecf0f1 #cfd9db

    Monochromatic Colors

    Monochromatic colors consist of colors that are created from light to dark color by adding black and white tones.

    #c0cdd1 #cfd9db #dde4e6 #ecf0f1 #fbfcfc #ffffff #ffffff

    #ecf0f1 Tints, Tones and Shades

    Tints

    Tints are created by adding white tones to any color on the color song. In this way a lighter color than the original one is obtained.

    #eef2f2 #f0f3f4 #f2f5f5 #f4f6f7 #f6f8f8 #f7f9f9 #f9fbfb #fbfcfc #fdfefe

    Tones

    In order to create a shade of colors, it is necessary to add the shades of gray color, which is a mixture of that color, white and black. This creates a more vibrant and new look.

    #8b8b8b #969697 #a0a2a2 #abadad #b6b8b9 #c1c3c4 #cccecf #d6dada #e1e5e6

    Shades

    Shades are used to make a color darker. It is done by adding black tones.

    #181818 #2f3030 #474848 #5e6060 #767879 #8e9091 #a5a8a9 #bdc0c1 #d4d8d9

    #ecf0f1 CSS Examples

    The text has a font color of #ecf0f1

    color: #ecf0f1;

    This element has a background-color of #ecf0f1

    background-color: #ecf0f1;

    This element has a border-color of #ecf0f1

    border: 1px solid #ecf0f1;

    This element has a box-shadow color of #ecf0f1

    -webkit-box-shadow : 4px 4px 1px 1px #ecf0f1;
    -moz-box-shadow : 4px 4px 1px 1px #ecf0f1;
    box-shadow : 4px 4px 1px 1px #ecf0f1;

    This element has a text-shadow color of #ecf0f1

    -webkit-text-shadow : 1px 1px 2px #ecf0f1;
    -moz-text-shadow : 1px 1px 2px #ecf0f1;
    text-shadow : 1px 1px 2px #ecf0f1;



    Gradient color of #ecf0f1

    background-color: #ecf0f1; 
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ecf0f1', endColorstr='#cfd9db'); 
    background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#ecf0f1), to(#cfd9db)); 
    background-image: -webkit-linear-gradient(top, #ecf0f1, #cfd9db); 
    background-image: -moz-linear-gradient(top, #ecf0f1, #cfd9db); 
    background-image: -o-linear-gradient(top, #ecf0f1, #cfd9db); 
    background-image: linear-gradient(to bottom, #ecf0f1, #cfd9db); 
    

    Designs of #ecf0f1