#ed5565 Hex Color Information

#ed5565 color image
#ed5565 hex color is composed of 92.9% red, 33.3% green and 39.6% blue. This color's complement is #55eddd. The CMYK color model (used in color printing) for #ed5565 is 0% cyan, 64% magenta, 57% yellow and 7% black. #ed5565 hex color decimal value is 15553893. The #ed5565 hex color can be used on a black background.

#ed5565 Color Conversions

Hex Triplet ed5565
RGB 237, 85, 101
RGB Percent 92.9%, 33.3%, 39.6%
HSV 353.68º, 81%, 63%
XYZ 40.523, 25.441, 15.087
LAB 0.575, 0.595, 0.232
CMYK 0%, 64%, 57%, 7%
Decimal 15553893
Color Is Dark No
Color Is Light Yes
Most Readable Black
Web Safe Color ff6666

Closest Colors

Below you can see alternatives to #ed5565.

    #ed5565 Color Schemes

    Below you can see compatible color combinations for #ed5565.

    Complementary Color

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

    #ed5565 #55eddd

    Analogous Colors

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

    #ed9155 #ed5565 #ed55b1

    Triadic Colors

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

    #65ed55 #ed5565 #5565ed

    Tetradic Colors

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

    #b1ed55 #ed5565 #55eddd #9155ed

    Split Complementary Colors

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

    #55ed91 #ed5565 #55b1ed

    Lighten and Darken Colors

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

    #f2838f #ed5565 #e8273b

    Monochromatic Colors

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

    #de182c #e8273b #eb3e50 #ed5565 #ef6c7a #f2838f #f49aa4

    #ed5565 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.

    #ef6674 #f17784 #f28893 #f499a3 #f6aab2 #f8bbc1 #faccd1 #fbdde0 #fdeef0

    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.

    #8b7c7d #96777b #a17378 #ac6f75 #b76b73 #c16670 #cc626d #d75e6a #e25968

    Shades

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

    #18090a #2f1114 #471a1e #5f2228 #772b33 #8e333d #a63c47 #be4451 #d54d5b

    #ed5565 CSS Examples

    The text has a font color of #ed5565

    color: #ed5565;

    This element has a background-color of #ed5565

    background-color: #ed5565;

    This element has a border-color of #ed5565

    border: 1px solid #ed5565;

    This element has a box-shadow color of #ed5565

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

    This element has a text-shadow color of #ed5565

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



    Gradient color of #ed5565

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