#56a5d5 Hex Color

#56A5D5
0

    • #56a5d5 Color Information

    • In RGB color space, #56a5d5 hex color has a red value of 86, a green value of 165 and a blue value of 213.

    • In CMYK color space (used in color printing), #56a5d5 hex color is composed of 59.62% cyan, 22.54% magenta, 0% yellow and 16.47% black.

    • #56a5d5 color has a hue of 202.7 degrees, a saturation of 60.19% and a lightness of 58.6%.

    • #56a5d5 hex color contains mainly BLUE.

    • The closest web safe color of #56a5d5 is #6699cc

    • #56a5d5 hex color has a decimal value of 5678549.

    #56a5d5 Color Spaces (Color Conversions)

    HEX 56a5d5 #56a5d5
    RGB 86, 165, 213 rgb(86, 165, 213)
    RGB Percent 33.73, 64.71, 83.53 rgb(33.73, 64.71, 83.53)
    CMYK 60, 23, 0, 16
    HSL 202.7°, 60.19, 58.6 hsl(202.7, 60.19%, 58.6%)
    HSV 202.7°, 59.6, 83.5
    XYZ 29.303, 33.693, 67.91
    Hunter Lab 58.046, -11.468, -28.734
    CIE-LAB 64.718, -10.148, -31.709
    CIE-LCH 64.718, 33.293, 252.253
    CIE-LUV 59.62, 22.54, 0, 16.47
    Web Safe 6699cc

    RGB percent of color #56a5d5

    33.73%
    64.71%
    83.53%

    CMYK percent of color #56a5d5

    59.62%
    22.54%
    0%
    16.47%

    Shades of #56a5d5

    Tints of #56a5d5

    Color Schemes with #56a5d5

    Complementary Color

    Split Complementary

    Triadic Colors

    Analogous Colors

    Tetradic Colors

    Square Colors

    Monochromatic Colors

    Alternative Colors for #56a5d5
    #56a5d5 Color Preview

    Text with hexadecimal color #56a5d5

    This text has a font color of #56a5d5

    <p style="color:#56a5d5">Text here</p>

    #56a5d5 Background Color

    This box has a background color of #56a5d5

    <div style="background-color:#56a5d5">Text here</div>

    #56a5d5 Border Color

    This box has a border color of #56a5d5

    <div style="border: 4px solid #56a5d5">Text here</div>

    CSS codes

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

    #56a5d5 Color on white background

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

    #56a5d5 Color on black background

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