#dd6d22 Hex Color Information

#dd6d22 color image
#dd6d22 hex color is composed of 86.7% red, 42.7% green and 13.3% blue. This color's complement is #2292dd. The CMYK color model (used in color printing) for #dd6d22 is 0% cyan, 51% magenta, 85% yellow and 13% black. #dd6d22 hex color decimal value is 14511394. The #dd6d22 hex color can be used on a black background.

#dd6d22 Color Conversions

Hex Triplet dd6d22
RGB 221, 109, 34
RGB Percent 86.7%, 42.7%, 13.3%
HSV 24.06º, 73%, 50%
XYZ 35.576, 26.425, 4.739
LAB 0.584, 0.395, 0.580
CMYK 0%, 51%, 85%, 13%
Decimal 14511394
Color Is Dark No
Color Is Light Yes
Most Readable Black
Web Safe Color cc6633

Closest Colors

Below you can see alternatives to #dd6d22.

    #dd6d22 Color Schemes

    Below you can see compatible color combinations for #dd6d22.

    Complementary Color

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

    #dd6d22 #2292dd

    Analogous Colors

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

    #ddcb22 #dd6d22 #dd2234

    Triadic Colors

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

    #22dd6d #dd6d22 #6d22dd

    Tetradic Colors

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

    #34dd22 #dd6d22 #2292dd #cb22dd

    Split Complementary Colors

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

    #22ddcb #dd6d22 #2234dd

    Lighten and Darken Colors

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

    #e48a4e #dd6d22 #b1571b

    Monochromatic Colors

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

    #9b4c18 #b1571b #c7621f #dd6d22 #e07c38 #e48a4e #e79964

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

    #e07c38 #e48a4e #e79964 #eba77a #eeb691 #f1c5a7 #f5d3bd #f8e2d3 #fcf0e9

    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.

    #897e77 #937c6d #9c7a64 #a5785a #af7751 #b87548 #c1733e #ca7135 #d46f2b

    Shades

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

    #160b03 #2c1607 #42210a #582c0e #6f3711 #854114 #9b4c18 #b1571b #c7621f

    #dd6d22 CSS Examples

    The text has a font color of #dd6d22

    color: #dd6d22;

    This element has a background-color of #dd6d22

    background-color: #dd6d22;

    This element has a border-color of #dd6d22

    border: 1px solid #dd6d22;

    This element has a box-shadow color of #dd6d22

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

    This element has a text-shadow color of #dd6d22

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



    Gradient color of #dd6d22

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