#d31f00 Hex Color Information

#d31f00 color image
#d31f00 hex color is composed of 82.7% red, 12.2% green and 0.0% blue. This color's complement is #00b4d3. The CMYK color model (used in color printing) for #d31f00 is 0% cyan, 85% magenta, 100% yellow and 17% black. #d31f00 hex color decimal value is 13836032. The #d31f00 hex color can be used on a white background.

#d31f00 Color Conversions

Hex Triplet d31f00
RGB 211, 31, 0
RGB Percent 82.7%, 12.2%, 0.0%
HSV 8.82º, 100%, 41%
XYZ 27.354, 14.829, 1.421
LAB 0.454, 0.655, 0.588
CMYK 0%, 85%, 100%, 17%
Decimal 13836032
Color Is Dark Yes
Color Is Light No
Most Readable White
Web Safe Color cc3300

Closest Colors

Below you can see alternatives to #d31f00.

    #d31f00 Color Schemes

    Below you can see compatible color combinations for #d31f00.

    Complementary Color

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

    #d31f00 #00b4d3

    Analogous Colors

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

    #d38900 #d31f00 #d3004b

    Triadic Colors

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

    #00d31f #d31f00 #1f00d3

    Tetradic Colors

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

    #4bd300 #d31f00 #00b4d3 #8900d3

    Split Complementary Colors

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

    #00d389 #d31f00 #004bd3

    Lighten and Darken Colors

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

    #ff2b07 #d31f00 #a01800

    Monochromatic Colors

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

    #871400 #a01800 #ba1b00 #d31f00 #ed2300 #ff2b07 #ff4121

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

    #d7351a #dc4c33 #e0624d #e57966 #e98f80 #eda599 #f2bcb3 #f6d2cc #fbe9e6

    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.

    #887673 #916d66 #99635a #a1594d #aa5040 #b24633 #ba3c26 #c2321a #cb290d

    Shades

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

    #150300 #2a0600 #3f0900 #540c00 #6a1000 #7f1300 #941600 #a91900 #be1c00

    #d31f00 CSS Examples

    The text has a font color of #d31f00

    color: #d31f00;

    This element has a background-color of #d31f00

    background-color: #d31f00;

    This element has a border-color of #d31f00

    border: 1px solid #d31f00;

    This element has a box-shadow color of #d31f00

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

    This element has a text-shadow color of #d31f00

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



    Gradient color of #d31f00

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