#45b8e1 Hex Color Information

#45b8e1 color image
#45b8e1 hex color is composed of 27.1% red, 72.2% green and 88.2% blue. This color's complement is #e16e45. The CMYK color model (used in color printing) for #45b8e1 is 69% cyan, 18% magenta, 0% yellow and 12% black. #45b8e1 hex color decimal value is 4569313. The #45b8e1 hex color can be used on a black background. Nearest web color is MediumTurquoise.

#45b8e1 Color Conversions

Hex Triplet 45b8e1
RGB 69, 184, 225
RGB Percent 27.1%, 72.2%, 88.2%
HSV 195.77º, 72%, 58%
XYZ 33.185, 40.982, 77.396
LAB 0.702, -0.193, -0.299
CMYK 69%, 18%, 0%, 12%
Decimal 4569313
Color Is Dark No
Color Is Light Yes
Most Readable Black
Web Safe Color 33cccc

Closest Colors

Below you can see alternatives to #45b8e1.

    #45b8e1 Color Schemes

    Below you can see compatible color combinations for #45b8e1.

    Complementary Color

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

    #45b8e1 #e16e45

    Analogous Colors

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

    #456ae1 #45b8e1 #45e1bc

    Triadic Colors

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

    #e145b8 #45b8e1 #b8e145

    Tetradic Colors

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

    #bc45e1 #45b8e1 #e16e45 #6ae145

    Split Complementary Colors

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

    #e1456a #45b8e1 #e1bc45

    Lighten and Darken Colors

    Below you can see lighter and darker shades of #45b8e1.

    #71c9e8 #45b8e1 #22a3d1

    Monochromatic Colors

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

    #1e92bb #22a3d1 #2fb0dd #45b8e1 #5bc0e5 #71c9e8 #87d1ec

    #45b8e1 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.

    #58bfe4 #6ac6e7 #7dcdea #8fd4ed #a2dcf0 #b5e3f3 #c7eaf6 #daf1f9 #ecf8fc

    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.

    #7a868a #748b93 #6e919d #6896a7 #639cb1 #5da2ba #57a7c4 #51adce #4bb2d7

    Shades

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

    #071217 #0e252d #153744 #1c4a5a #235c71 #296e87 #30819e #3793b4 #3ea6cb

    #45b8e1 CSS Examples

    The text has a font color of #45b8e1

    color: #45b8e1;

    This element has a background-color of #45b8e1

    background-color: #45b8e1;

    This element has a border-color of #45b8e1

    border: 1px solid #45b8e1;

    This element has a box-shadow color of #45b8e1

    -webkit-box-shadow : 4px 4px 1px 1px #45b8e1;
    -moz-box-shadow : 4px 4px 1px 1px #45b8e1;
    box-shadow : 4px 4px 1px 1px #45b8e1;

    This element has a text-shadow color of #45b8e1

    -webkit-text-shadow : 1px 1px 2px #45b8e1;
    -moz-text-shadow : 1px 1px 2px #45b8e1;
    text-shadow : 1px 1px 2px #45b8e1;



    Gradient color of #45b8e1

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