#bdc3c7 Hex Color Information

#bdc3c7 color image
#bdc3c7 hex color is composed of 74.1% red, 76.5% green and 78.0% blue. This color's complement is #c7c1bd. The CMYK color model (used in color printing) for #bdc3c7 is 5% cyan, 2% magenta, 0% yellow and 22% black. #bdc3c7 hex color decimal value is 12436423. The #bdc3c7 hex color can be used on a black background.

#bdc3c7 Color Conversions

Hex Triplet bdc3c7
RGB 189, 195, 199
RGB Percent 74.1%, 76.5%, 78.0%
HSV 204.00º, 8%, 76%
XYZ 50.810, 53.973, 61.773
LAB 0.784, -0.013, -0.027
CMYK 5%, 2%, 0%, 22%
Decimal 12436423
Color Is Dark No
Color Is Light Yes
Most Readable Black
Web Safe Color cccccc

Closest Colors

Below you can see alternatives to #bdc3c7.

    #bdc3c7 Color Schemes

    Below you can see compatible color combinations for #bdc3c7.

    Complementary Color

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

    #bdc3c7 #c7c1bd

    Analogous Colors

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

    #bdbec7 #bdc3c7 #bdc7c6

    Triadic Colors

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

    #c7bdc3 #bdc3c7 #c3c7bd

    Tetradic Colors

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

    #c6bdc7 #bdc3c7 #c7c1bd #bec7bd

    Split Complementary Colors

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

    #c7bdbe #bdc3c7 #c7c6bd

    Lighten and Darken Colors

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

    #d9dcde #bdc3c7 #a1aab0

    Monochromatic Colors

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

    #949da4 #a1aab0 #afb6bb #bdc3c7 #cbd0d3 #d9dcde #e6e9ea

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

    #c4c9cd #cacfd2 #d1d5d8 #d7dbdd #dee1e3 #e5e7e9 #ebedee #f2f3f4 #f8f9f9

    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.

    #868787 #8c8d8e #929495 #989b9c #9fa2a4 #a5a8ab #abafb2 #b1b6b9 #b7bcc0

    Shades

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

    #131414 #262728 #393b3c #4c4e50 #5f6264 #717577 #84898b #979c9f #aab0b3

    #bdc3c7 CSS Examples

    The text has a font color of #bdc3c7

    color: #bdc3c7;

    This element has a background-color of #bdc3c7

    background-color: #bdc3c7;

    This element has a border-color of #bdc3c7

    border: 1px solid #bdc3c7;

    This element has a box-shadow color of #bdc3c7

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

    This element has a text-shadow color of #bdc3c7

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



    Gradient color of #bdc3c7

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