#348adb Hex Color Information

#348adb color image
#348adb hex color is composed of 20.4% red, 54.1% green and 85.9% blue. This color's complement is #db8534. The CMYK color model (used in color printing) for #348adb is 76% cyan, 37% magenta, 0% yellow and 14% black. #348adb hex color decimal value is 3443419. The #348adb hex color can be used on a white background. Nearest web color is RoyalBlue.

#348adb Color Conversions

Hex Triplet 348adb
RGB 52, 138, 219
RGB Percent 20.4%, 54.1%, 85.9%
HSV 209.10º, 70%, 53%
XYZ 23.291, 24.021, 70.427
LAB 0.561, 0.021, -0.486
CMYK 76%, 37%, 0%, 14%
Decimal 3443419
Color Is Dark Yes
Color Is Light No
Most Readable White
Web Safe Color 3399cc

Closest Colors

Below you can see alternatives to #348adb.

    #348adb Color Schemes

    Below you can see compatible color combinations for #348adb.

    Complementary Color

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

    #348adb #db8534

    Analogous Colors

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

    #3437db #348adb #34dbd8

    Triadic Colors

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

    #db348a #348adb #8adb34

    Tetradic Colors

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

    #d834db #348adb #db8534 #37db34

    Split Complementary Colors

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

    #db3437 #348adb #dbd834

    Lighten and Darken Colors

    Below you can see lighter and darker shades of #348adb.

    #5fa3e3 #348adb #2170bb

    Monochromatic Colors

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

    #1d63a5 #2170bb #257dd1 #348adb #4a96df #5fa3e3 #75afe7

    #348adb 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.

    #4896df #5da1e2 #71ade6 #85b9e9 #9ac5ed #aed0f1 #c2dcf4 #d6e8f8 #ebf3fb

    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.

    #788189 #718292 #69839b #6284a4 #5a85ae #5286b7 #4b87c0 #4388c9 #3c89d2

    Shades

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

    #050e16 #0a1c2c #102942 #153758 #1a456e #1f5383 #246199 #2a6eaf #2f7cc5

    #348adb CSS Examples

    The text has a font color of #348adb

    color: #348adb;

    This element has a background-color of #348adb

    background-color: #348adb;

    This element has a border-color of #348adb

    border: 1px solid #348adb;

    This element has a box-shadow color of #348adb

    -webkit-box-shadow : 4px 4px 1px 1px #348adb;
    -moz-box-shadow : 4px 4px 1px 1px #348adb;
    box-shadow : 4px 4px 1px 1px #348adb;

    This element has a text-shadow color of #348adb

    -webkit-text-shadow : 1px 1px 2px #348adb;
    -moz-text-shadow : 1px 1px 2px #348adb;
    text-shadow : 1px 1px 2px #348adb;



    Gradient color of #348adb

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