#2f4255 Hex Color Information

#2f4255 color image
#2f4255 hex color is composed of 18.4% red, 25.9% green and 33.3% blue. This color's complement is #55422f. The CMYK color model (used in color printing) for #2f4255 is 45% cyan, 22% magenta, 0% yellow and 67% black. #2f4255 hex color decimal value is 3097173. The #2f4255 hex color can be used on a white background. Nearest web color is DarkSlateGray.

#2f4255 Color Conversions

Hex Triplet 2f4255
RGB 47, 66, 85
RGB Percent 18.4%, 25.9%, 33.3%
HSV 210.00º, 29%, 26%
XYZ 4.760, 5.157, 9.339
LAB 0.272, -0.018, -0.138
CMYK 45%, 22%, 0%, 67%
Decimal 3097173
Color Is Dark Yes
Color Is Light No
Most Readable White
Web Safe Color 333366

Closest Colors

Below you can see alternatives to #2f4255.

    #2f4255 Color Schemes

    Below you can see compatible color combinations for #2f4255.

    Complementary Color

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

    #2f4255 #55422f

    Analogous Colors

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

    #2f2f55 #2f4255 #2f5555

    Triadic Colors

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

    #552f42 #2f4255 #42552f

    Tetradic Colors

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

    #552f55 #2f4255 #55422f #2f552f

    Split Complementary Colors

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

    #552f2f #2f4255 #55552f

    Lighten and Darken Colors

    Below you can see lighter and darker shades of #2f4255.

    #415c76 #2f4255 #1d2934

    Monochromatic Colors

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

    #141c24 #1d2934 #263545 #2f4255 #384f65 #415c76 #4a6886

    #2f4255 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.

    #445566 #596877 #6d7b88 #828e99 #97a1aa #acb3bb #c1c6cc #d5d9dd #eaecee

    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.

    #787a7c #707477 #686d73 #60676f #58616b #4f5b66 #475562 #3f4e5e #374859

    Shades

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

    #050709 #090d11 #0e141a #131a22 #18212b #1c2833 #212e3c #263544 #2a3b4d

    #2f4255 CSS Examples

    The text has a font color of #2f4255

    color: #2f4255;

    This element has a background-color of #2f4255

    background-color: #2f4255;

    This element has a border-color of #2f4255

    border: 1px solid #2f4255;

    This element has a box-shadow color of #2f4255

    -webkit-box-shadow : 4px 4px 1px 1px #2f4255;
    -moz-box-shadow : 4px 4px 1px 1px #2f4255;
    box-shadow : 4px 4px 1px 1px #2f4255;

    This element has a text-shadow color of #2f4255

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



    Gradient color of #2f4255

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