#3bafda Hex Color Information

#3bafda color image
#3bafda hex color is composed of 23.1% red, 68.6% green and 85.5% blue. This color's complement is #da663b. The CMYK color model (used in color printing) for #3bafda is 73% cyan, 20% magenta, 0% yellow and 15% black. #3bafda hex color decimal value is 3911642. The #3bafda hex color can be used on a black background. Nearest web color is MediumTurquoise.

#3bafda Color Conversions

Hex Triplet 3bafda
RGB 59, 175, 218
RGB Percent 23.1%, 68.6%, 85.5%
HSV 196.23º, 68%, 54%
XYZ 29.788, 36.652, 71.834
LAB 0.670, -0.182, -0.310
CMYK 73%, 20%, 0%, 15%
Decimal 3911642
Color Is Dark No
Color Is Light Yes
Most Readable Black
Web Safe Color 3399cc

Closest Colors

Below you can see alternatives to #3bafda.

    #3bafda Color Schemes

    Below you can see compatible color combinations for #3bafda.

    Complementary Color

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

    #3bafda #da663b

    Analogous Colors

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

    #3b60da #3bafda #3bdab5

    Triadic Colors

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

    #da3baf #3bafda #afda3b

    Tetradic Colors

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

    #b53bda #3bafda #da663b #60da3b

    Split Complementary Colors

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

    #da3b60 #3bafda #dab53b

    Lighten and Darken Colors

    Below you can see lighter and darker shades of #3bafda.

    #66c1e2 #3bafda #2494be

    Monochromatic Colors

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

    #2084a9 #2494be #28a5d4 #3bafda #50b8de #66c1e2 #7bc9e6

    #3bafda 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.

    #4fb7de #62bfe1 #76c7e5 #89cfe9 #9dd7ed #b1dff0 #c4e7f4 #d8eff8 #ebf7fb

    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.

    #798589 #728992 #6b8e9b #6493a4 #5e98ad #579cb6 #50a1bf #49a6c8 #42aad1

    Shades

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

    #061216 #0c232c #123541 #184657 #1e586d #236983 #297b99 #2f8cae #359ec4

    #3bafda CSS Examples

    The text has a font color of #3bafda

    color: #3bafda;

    This element has a background-color of #3bafda

    background-color: #3bafda;

    This element has a border-color of #3bafda

    border: 1px solid #3bafda;

    This element has a box-shadow color of #3bafda

    -webkit-box-shadow : 4px 4px 1px 1px #3bafda;
    -moz-box-shadow : 4px 4px 1px 1px #3bafda;
    box-shadow : 4px 4px 1px 1px #3bafda;

    This element has a text-shadow color of #3bafda

    -webkit-text-shadow : 1px 1px 2px #3bafda;
    -moz-text-shadow : 1px 1px 2px #3bafda;
    text-shadow : 1px 1px 2px #3bafda;



    Gradient color of #3bafda

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