#545b66 Hex Color Information

#545b66 color image
#545b66 hex color is composed of 32.9% red, 35.7% green and 40.0% blue. This color's complement is #665f54. The CMYK color model (used in color printing) for #545b66 is 18% cyan, 11% magenta, -0% yellow and 60% black. #545b66 hex color decimal value is 5528422. The #545b66 hex color can be used on a white background.

#545b66 Color Conversions

Hex Triplet 545b66
RGB 84, 91, 102
RGB Percent 32.9%, 35.7%, 40.0%
HSV 216.67º, 10%, 36%
XYZ 9.796, 10.326, 14.047
LAB 0.384, -0.002, -0.072
CMYK 18%, 11%, -0%, 60%
Decimal 5528422
Color Is Dark Yes
Color Is Light No
Most Readable White
Web Safe Color 666666

Closest Colors

Below you can see alternatives to #545b66.

    #545b66 Color Schemes

    Below you can see compatible color combinations for #545b66.

    Complementary Color

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

    #545b66 #665f54

    Analogous Colors

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

    #565466 #545b66 #546466

    Triadic Colors

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

    #66545b #545b66 #5b6654

    Tetradic Colors

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

    #665464 #545b66 #665f54 #546656

    Split Complementary Colors

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

    #665654 #545b66 #646654

    Lighten and Darken Colors

    Below you can see lighter and darker shades of #545b66.

    #6b7482 #545b66 #3d424a

    Monochromatic Colors

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

    #31363c #3d424a #484f58 #545b66 #606774 #6b7482 #77818f

    #545b66 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.

    #656b75 #767c85 #878c94 #989da3 #aaadb3 #bbbdc2 #ccced1 #dddee0 #eeeff0

    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.

    #7c7c7d #77797b #737578 #6e7176 #6a6e73 #666a70 #61666e #5d626b #585f69

    Shades

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

    #08090a #111214 #191b1f #222429 #2a2e33 #32373d #3b4047 #434952 #4c525c

    #545b66 CSS Examples

    The text has a font color of #545b66

    color: #545b66;

    This element has a background-color of #545b66

    background-color: #545b66;

    This element has a border-color of #545b66

    border: 1px solid #545b66;

    This element has a box-shadow color of #545b66

    -webkit-box-shadow : 4px 4px 1px 1px #545b66;
    -moz-box-shadow : 4px 4px 1px 1px #545b66;
    box-shadow : 4px 4px 1px 1px #545b66;

    This element has a text-shadow color of #545b66

    -webkit-text-shadow : 1px 1px 2px #545b66;
    -moz-text-shadow : 1px 1px 2px #545b66;
    text-shadow : 1px 1px 2px #545b66;



    Gradient color of #545b66

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