#8894b3 Hex Color Information

#8894b3 color image
#8894b3 hex color is composed of 53.3% red, 58.0% green and 70.2% blue. This color's complement is #b3a788. The CMYK color model (used in color printing) for #8894b3 is 24% cyan, 17% magenta, 0% yellow and 30% black. #8894b3 hex color decimal value is 8950963. The #8894b3 hex color can be used on a black background.

#8894b3 Color Conversions

Hex Triplet 8894b3
RGB 136, 148, 179
RGB Percent 53.3%, 58.0%, 70.2%
HSV 223.26º, 22%, 62%
XYZ 28.880, 29.669, 46.852
LAB 0.614, 0.027, -0.176
CMYK 24%, 17%, 0%, 30%
Decimal 8950963
Color Is Dark No
Color Is Light Yes
Most Readable Black
Web Safe Color 9999cc

Closest Colors

Below you can see alternatives to #8894b3.

    #8894b3 Color Schemes

    Below you can see compatible color combinations for #8894b3.

    Complementary Color

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

    #8894b3 #b3a788

    Analogous Colors

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

    #9188b3 #8894b3 #88a9b3

    Triadic Colors

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

    #b38894 #8894b3 #94b388

    Tetradic Colors

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

    #b388a9 #8894b3 #b3a788 #88b391

    Split Complementary Colors

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

    #b39188 #8894b3 #a9b388

    Lighten and Darken Colors

    Below you can see lighter and darker shades of #8894b3.

    #a7b0c7 #8894b3 #69789f

    Monochromatic Colors

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

    #5d6c92 #69789f #7886a9 #8894b3 #98a2bd #a7b0c7 #b7bed1

    #8894b3 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.

    #949fbb #a0a9c2 #acb4ca #b8bfd1 #c4cad9 #cfd4e1 #dbdfe8 #e7eaf0 #f3f4f7

    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.

    #818285 #82848a #82868f #838894 #848a9a #858c9f #868ea4 #8690a9 #8792ae

    Shades

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

    #0e0f12 #1b1e24 #292c36 #363b48 #444a5a #52596b #5f687d #6d768f #7a85a1

    #8894b3 CSS Examples

    The text has a font color of #8894b3

    color: #8894b3;

    This element has a background-color of #8894b3

    background-color: #8894b3;

    This element has a border-color of #8894b3

    border: 1px solid #8894b3;

    This element has a box-shadow color of #8894b3

    -webkit-box-shadow : 4px 4px 1px 1px #8894b3;
    -moz-box-shadow : 4px 4px 1px 1px #8894b3;
    box-shadow : 4px 4px 1px 1px #8894b3;

    This element has a text-shadow color of #8894b3

    -webkit-text-shadow : 1px 1px 2px #8894b3;
    -moz-text-shadow : 1px 1px 2px #8894b3;
    text-shadow : 1px 1px 2px #8894b3;



    Gradient color of #8894b3

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