#2c3e50 Hex Color Information

#2c3e50 color image
#2c3e50 hex color is composed of 17.3% red, 24.3% green and 31.4% blue. This color's complement is #503e2c. The CMYK color model (used in color printing) for #2c3e50 is 45% cyan, 23% magenta, -0% yellow and 69% black. #2c3e50 hex color decimal value is 2899536. The #2c3e50 hex color can be used on a white background. Nearest web color is DarkSlateGray.

#2c3e50 Color Conversions

Hex Triplet 2c3e50
RGB 44, 62, 80
RGB Percent 17.3%, 24.3%, 31.4%
HSV 210.00º, 29%, 24%
XYZ 4.209, 4.560, 8.248
LAB 0.254, -0.017, -0.132
CMYK 45%, 23%, -0%, 69%
Decimal 2899536
Color Is Dark Yes
Color Is Light No
Most Readable White
Web Safe Color 333366

Closest Colors

Below you can see alternatives to #2c3e50.

    #2c3e50 Color Schemes

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

    Complementary Color

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

    #2c3e50 #503e2c

    Analogous Colors

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

    #2c2c50 #2c3e50 #2c5050

    Triadic Colors

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

    #502c3e #2c3e50 #3e502c

    Tetradic Colors

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

    #502c50 #2c3e50 #503e2c #2c502c

    Split Complementary Colors

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

    #502c2c #2c3e50 #50502c

    Lighten and Darken Colors

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

    #3e5871 #2c3e50 #1a252f

    Monochromatic Colors

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

    #11181f #1a252f #233140 #2c3e50 #354b60 #3e5871 #476481

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

    #415162 #566573 #6b7885 #808b96 #969fa8 #abb2b9 #c0c5cb #d5d8dc #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.

    #78797b #6f7376 #676c72 #5e666d #565f68 #4e5863 #45525e #3d4b5a #344555

    Shades

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

    #040608 #090c10 #0d1318 #121920 #161f28 #1a2530 #1f2b38 #233240 #283848

    #2c3e50 CSS Examples

    The text has a font color of #2c3e50

    color: #2c3e50;

    This element has a background-color of #2c3e50

    background-color: #2c3e50;

    This element has a border-color of #2c3e50

    border: 1px solid #2c3e50;

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

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

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

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



    Gradient color of #2c3e50

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