#45a6e1 Hex Color

#45A6E1
0

    • #45a6e1 Color Information

    • In RGB color space, #45a6e1 hex color has a red value of 69, a green value of 166 and a blue value of 225.

    • In CMYK color space (used in color printing), #45a6e1 hex color is composed of 69.33% cyan, 26.22% magenta, 0% yellow and 11.76% black.

    • #45a6e1 color has a hue of 202.7 degrees, a saturation of 72.22% and a lightness of 57.6%.

    • #45a6e1 hex color contains mainly BLUE.

    • The closest web safe color of #45a6e1 is #3399cc

    • #45a6e1 hex color has a decimal value of 4564705.

    #45a6e1 Color Spaces (Color Conversions)

    HEX 45a6e1 #45a6e1
    RGB 69, 166, 225 rgb(69, 166, 225)
    RGB Percent 27.06, 65.1, 88.24 rgb(27.06, 65.1, 88.24)
    CMYK 69, 26, 0, 12
    HSL 202.7°, 72.22, 57.6 hsl(202.7, 72.22%, 57.6%)
    HSV 202.7°, 69.3, 88.2
    XYZ 29.681, 33.974, 76.227
    Hunter Lab 58.287, -11.107, -36.737
    CIE-LAB 64.942, -9.666, -38.033
    CIE-LCH 64.942, 39.242, 255.74
    CIE-LUV 69.33, 26.22, 0, 11.76
    Web Safe 3399cc

    RGB percent of color #45a6e1

    27.06%
    65.1%
    88.24%

    CMYK percent of color #45a6e1

    69.33%
    26.22%
    0%
    11.76%

    Shades of #45a6e1

    Tints of #45a6e1

    Color Schemes with #45a6e1

    Complementary Color

    Split Complementary

    Triadic Colors

    Analogous Colors

    Tetradic Colors

    Square Colors

    Monochromatic Colors

    Alternative Colors for #45a6e1
    #45a6e1 Color Preview

    Text with hexadecimal color #45a6e1

    This text has a font color of #45a6e1

    <p style="color:#45a6e1">Text here</p>

    #45a6e1 Background Color

    This box has a background color of #45a6e1

    <div style="background-color:#45a6e1">Text here</div>

    #45a6e1 Border Color

    This box has a border color of #45a6e1

    <div style="border: 4px solid #45a6e1">Text here</div>

    CSS codes

    <p style="color:#45a6e1">Text here</p>
    <div style="background-color:#45a6e1">Text here</div>
    <div style="border: 4px solid #45a6e1">Text here</div>

    #45a6e1 Color on white background

    This is how a font and box color of #45a6e1 will look
    on a white background.

    #45a6e1 Color on black background

    This is how a font and box color of #45a6e1 hex color will look
    on a black background.