#f39c12 Hex Color Information

#f39c12 color image
#f39c12 hex color is composed of 95.3% red, 61.2% green and 7.1% blue. This color's complement is #1269f3. The CMYK color model (used in color printing) for #f39c12 is 0% cyan, 36% magenta, 93% yellow and 5% black. #f39c12 hex color decimal value is 15965202. The #f39c12 hex color can be used on a black background.

#f39c12 Color Conversions

Hex Triplet f39c12
RGB 243, 156, 18
RGB Percent 95.3%, 61.2%, 7.1%
HSV 36.80º, 90%, 51%
XYZ 48.960, 42.875, 6.268
LAB 0.715, 0.238, 0.736
CMYK 0%, 36%, 93%, 5%
Decimal 15965202
Color Is Dark No
Color Is Light Yes
Most Readable Black
Web Safe Color ff9900

Closest Colors

Below you can see alternatives to #f39c12.

    #f39c12 Color Schemes

    Below you can see compatible color combinations for #f39c12.

    Complementary Color

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

    #f39c12 #1269f3

    Analogous Colors

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

    #d9f312 #f39c12 #f32c12

    Triadic Colors

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

    #12f39c #f39c12 #9c12f3

    Tetradic Colors

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

    #12f32c #f39c12 #1269f3 #f312d9

    Split Complementary Colors

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

    #12d9f3 #f39c12 #2c12f3

    Lighten and Darken Colors

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

    #f5b043 #f39c12 #c87f0a

    Monochromatic Colors

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

    #b06f09 #c87f0a #e08e0b #f39c12 #f4a62a #f5b043 #f7ba5b

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

    #f4a62a #f5b041 #f7ba59 #f8c471 #f9ce89 #fad7a0 #fbe1b8 #fdebd0 #fef5e7

    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.

    #8c8375 #97866a #a3885f #ae8b54 #ba8e49 #c5913e #d19433 #dc9628 #e8991d

    Shades

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

    #181002 #311f04 #492f05 #613e07 #7a4e09 #925e0b #aa6d0d #c27d0e #db8c10

    #f39c12 CSS Examples

    The text has a font color of #f39c12

    color: #f39c12;

    This element has a background-color of #f39c12

    background-color: #f39c12;

    This element has a border-color of #f39c12

    border: 1px solid #f39c12;

    This element has a box-shadow color of #f39c12

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

    This element has a text-shadow color of #f39c12

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



    Gradient color of #f39c12

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