#fd4072 Hex Color Information

#fd4072 color image
#fd4072 hex color is composed of 99.2% red, 25.1% green and 44.7% blue. This color's complement is #40fdcb. The CMYK color model (used in color printing) for #fd4072 is 0% cyan, 75% magenta, 55% yellow and 1% black. #fd4072 hex color decimal value is 16597106. The #fd4072 hex color can be used on a white background.

#fd4072 Color Conversions

Hex Triplet fd4072
RGB 253, 64, 114
RGB Percent 99.2%, 25.1%, 44.7%
HSV 344.13º, 98%, 62%
XYZ 45.379, 25.764, 18.501
LAB 0.578, 0.726, 0.165
CMYK 0%, 75%, 55%, 1%
Decimal 16597106
Color Is Dark Yes
Color Is Light No
Most Readable White
Web Safe Color ff3366

Closest Colors

Below you can see alternatives to #fd4072.

    #fd4072 Color Schemes

    Below you can see compatible color combinations for #fd4072.

    Complementary Color

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

    #fd4072 #40fdcb

    Analogous Colors

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

    #fd6c40 #fd4072 #fd40d1

    Triadic Colors

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

    #72fd40 #fd4072 #4072fd

    Tetradic Colors

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

    #d1fd40 #fd4072 #40fdcb #6c40fd

    Split Complementary Colors

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

    #40fd6c #fd4072 #40d1fd

    Lighten and Darken Colors

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

    #fe7297 #fd4072 #fc0e4d

    Monochromatic Colors

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

    #ee0241 #fc0e4d #fd275f #fd4072 #fd5985 #fe7297 #fe8caa

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

    #fd5380 #fd668e #fe799c #fe8caa #fea0b9 #feb3c7 #fec6d5 #ffd9e3 #ffecf1

    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.

    #8d7a7f #99737d #a66d7c #b2667a #bf6079 #cb5a78 #d85376 #e44d75 #f14673

    Shades

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

    #19060b #330d17 #4c1322 #651a2e #7f2039 #982644 #b12d50 #ca335b #e43a67

    #fd4072 CSS Examples

    The text has a font color of #fd4072

    color: #fd4072;

    This element has a background-color of #fd4072

    background-color: #fd4072;

    This element has a border-color of #fd4072

    border: 1px solid #fd4072;

    This element has a box-shadow color of #fd4072

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

    This element has a text-shadow color of #fd4072

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



    Gradient color of #fd4072

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