#f26248 Hex Color Information

#f26248 color image
#f26248 hex color is composed of 94.9% red, 38.4% green and 28.2% blue. This color's complement is #48d8f2. The CMYK color model (used in color printing) for #f26248 is 0% cyan, 60% magenta, 70% yellow and 5% black. #f26248 hex color decimal value is 15884872. The #f26248 hex color can be used on a black background.

#f26248 Color Conversions

Hex Triplet f26248
RGB 242, 98, 72
RGB Percent 94.9%, 38.4%, 28.2%
HSV 9.18º, 87%, 62%
XYZ 42.155, 28.080, 9.329
LAB 0.600, 0.539, 0.428
CMYK 0%, 60%, 70%, 5%
Decimal 15884872
Color Is Dark No
Color Is Light Yes
Most Readable Black
Web Safe Color ff6633

Closest Colors

Below you can see alternatives to #f26248.

    #f26248 Color Schemes

    Below you can see compatible color combinations for #f26248.

    Complementary Color

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

    #f26248 #48d8f2

    Analogous Colors

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

    #f2b748 #f26248 #f24883

    Triadic Colors

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

    #48f262 #f26248 #6248f2

    Tetradic Colors

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

    #83f248 #f26248 #48d8f2 #b748f2

    Split Complementary Colors

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

    #48f2b7 #f26248 #4883f2

    Lighten and Darken Colors

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

    #f58b78 #f26248 #ef3918

    Monochromatic Colors

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

    #de2f10 #ef3918 #f04e30 #f26248 #f47660 #f58b78 #f79f8f

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

    #f3725a #f5816d #f6917f #f7a191 #f9b1a4 #fac0b6 #fbd0c8 #fce0da #feefed

    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.

    #8b7d7a #977a75 #a2776f #ae746a #b97164 #c46e5e #d06b59 #db6853 #e7654e

    Shades

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

    #180a07 #30140e #491d16 #61271d #793124 #913b2b #a94532 #c24e3a #da5841

    #f26248 CSS Examples

    The text has a font color of #f26248

    color: #f26248;

    This element has a background-color of #f26248

    background-color: #f26248;

    This element has a border-color of #f26248

    border: 1px solid #f26248;

    This element has a box-shadow color of #f26248

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

    This element has a text-shadow color of #f26248

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



    Gradient color of #f26248

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