#3498db Hex Color Information

#3498db color image
#3498db hex color is composed of 20.4% red, 59.6% green and 85.9% blue. This color's complement is #db7734. The CMYK color model (used in color printing) for #3498db is 76% cyan, 31% magenta, 0% yellow and 14% black. #3498db hex color decimal value is 3447003. The #3498db hex color can be used on a black background. Nearest web color is DodgerBlue.

#3498db Color Conversions

Hex Triplet 3498db
RGB 52, 152, 219
RGB Percent 20.4%, 59.6%, 85.9%
HSV 204.07º, 70%, 53%
XYZ 25.431, 28.301, 71.140
LAB 0.602, -0.061, -0.422
CMYK 76%, 31%, 0%, 14%
Decimal 3447003
Color Is Dark No
Color Is Light Yes
Most Readable Black
Web Safe Color 3399cc

Closest Colors

Below you can see alternatives to #3498db.

    #3498db Color Schemes

    Below you can see compatible color combinations for #3498db.

    Complementary Color

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

    #3498db #db7734

    Analogous Colors

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

    #3445db #3498db #34dbca

    Triadic Colors

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

    #db3498 #3498db #98db34

    Tetradic Colors

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

    #ca34db #3498db #db7734 #45db34

    Split Complementary Colors

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

    #db3445 #3498db #dbca34

    Lighten and Darken Colors

    Below you can see lighter and darker shades of #3498db.

    #5faee3 #3498db #217dbb

    Monochromatic Colors

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

    #1d6fa5 #217dbb #258cd1 #3498db #4aa3df #5faee3 #75b9e7

    #3498db 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.

    #48a2df #5dade2 #71b7e6 #85c1e9 #9acced #aed6f1 #c2e0f4 #d6eaf8 #ebf5fb

    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.

    #788289 #718592 #69879b #628aa4 #5a8cae #528eb7 #4b91c0 #4393c9 #3c96d2

    Shades

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

    #050f16 #0a1e2c #102e42 #153d58 #1a4c6e #1f5b83 #246a99 #2a7aaf #2f89c5

    #3498db CSS Examples

    The text has a font color of #3498db

    color: #3498db;

    This element has a background-color of #3498db

    background-color: #3498db;

    This element has a border-color of #3498db

    border: 1px solid #3498db;

    This element has a box-shadow color of #3498db

    -webkit-box-shadow : 4px 4px 1px 1px #3498db;
    -moz-box-shadow : 4px 4px 1px 1px #3498db;
    box-shadow : 4px 4px 1px 1px #3498db;

    This element has a text-shadow color of #3498db

    -webkit-text-shadow : 1px 1px 2px #3498db;
    -moz-text-shadow : 1px 1px 2px #3498db;
    text-shadow : 1px 1px 2px #3498db;



    Gradient color of #3498db

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