#f1c40f Hex Color Information

#f1c40f color image
#f1c40f hex color is composed of 94.5% red, 76.9% green and 5.9% blue. This color's complement is #0f3cf1. The CMYK color model (used in color printing) for #f1c40f is 0% cyan, 19% magenta, 94% yellow and 5% black. #f1c40f hex color decimal value is 15844367. The #f1c40f hex color can be used on a black background.

#f1c40f Color Conversions

Hex Triplet f1c40f
RGB 241, 196, 15
RGB Percent 94.5%, 76.9%, 5.9%
HSV 48.05º, 89%, 50%
XYZ 56.102, 58.215, 8.732
LAB 0.809, 0.019, 0.808
CMYK 0%, 19%, 94%, 5%
Decimal 15844367
Color Is Dark No
Color Is Light Yes
Most Readable Black
Web Safe Color ffcc00

Closest Colors

Below you can see alternatives to #f1c40f.

    #f1c40f Color Schemes

    Below you can see compatible color combinations for #f1c40f.

    Complementary Color

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

    #f1c40f #0f3cf1

    Analogous Colors

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

    #adf10f #f1c40f #f1530f

    Triadic Colors

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

    #0ff1c4 #f1c40f #c40ff1

    Tetradic Colors

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

    #0ff153 #f1c40f #0f3cf1 #f10fad

    Split Complementary Colors

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

    #0fadf1 #f1c40f #530ff1

    Lighten and Darken Colors

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

    #f4d03f #f1c40f #c29d0b

    Monochromatic Colors

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

    #aa8a0a #c29d0b #dab10d #f1c40f #f2ca27 #f4d03f #f5d657

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

    #f2ca27 #f4d03f #f5d657 #f7dc6f #f8e287 #f9e79f #fbedb7 #fcf3cf #fef9e7

    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.

    #8b8775 #978e69 #a2945e #ad9b53 #b9a248 #c4a93c #cfb031 #dab626 #e6bd1a

    Shades

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

    #181402 #302703 #483b05 #604e06 #796208 #917609 #a9890b #c19d0c #d9b00e

    #f1c40f CSS Examples

    The text has a font color of #f1c40f

    color: #f1c40f;

    This element has a background-color of #f1c40f

    background-color: #f1c40f;

    This element has a border-color of #f1c40f

    border: 1px solid #f1c40f;

    This element has a box-shadow color of #f1c40f

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

    This element has a text-shadow color of #f1c40f

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



    Gradient color of #f1c40f

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