#304357 Hex Color Information

#304357 color image
#304357 hex color is composed of 18.8% red, 26.3% green and 34.1% blue. This color's complement is #574430. The CMYK color model (used in color printing) for #304357 is 45% cyan, 23% magenta, 0% yellow and 66% black. #304357 hex color decimal value is 3162967. The #304357 hex color can be used on a white background. Nearest web color is DarkSlateGray.

#304357 Color Conversions

Hex Triplet 304357
RGB 48, 67, 87
RGB Percent 18.8%, 26.3%, 34.1%
HSV 210.77º, 29%, 26%
XYZ 4.946, 5.331, 9.785
LAB 0.277, -0.015, -0.143
CMYK 45%, 23%, 0%, 66%
Decimal 3162967
Color Is Dark Yes
Color Is Light No
Most Readable White
Web Safe Color 333366

Closest Colors

Below you can see alternatives to #304357.

    #304357 Color Schemes

    Below you can see compatible color combinations for #304357.

    Complementary Color

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

    #304357 #574430

    Analogous Colors

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

    #303057 #304357 #305757

    Triadic Colors

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

    #573043 #304357 #435730

    Tetradic Colors

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

    #573057 #304357 #574430 #305730

    Split Complementary Colors

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

    #573030 #304357 #575730

    Lighten and Darken Colors

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

    #425c78 #304357 #1e2a36

    Monochromatic Colors

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

    #151d26 #1e2a36 #273647 #304357 #395067 #425c78 #4b6988

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

    #455668 #596979 #6e7b89 #838e9a #98a1ab #acb4bc #c1c7cd #d6d9dd #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 #707478 #686e74 #606870 #58626c #505b67 #485563 #404f5f #38495b

    Shades

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

    #050709 #0a0d11 #0e141a #131b23 #18222c #1d2834 #222f3d #263646 #2b3c4e

    #304357 CSS Examples

    The text has a font color of #304357

    color: #304357;

    This element has a background-color of #304357

    background-color: #304357;

    This element has a border-color of #304357

    border: 1px solid #304357;

    This element has a box-shadow color of #304357

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

    This element has a text-shadow color of #304357

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



    Gradient color of #304357

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