#56a6ff Hex Color

#56A6FF
0

    • #56a6ff Color Information

    • In RGB color space, #56a6ff hex color has a red value of 86, a green value of 166 and a blue value of 255.

    • In CMYK color space (used in color printing), #56a6ff hex color is composed of 66.27% cyan, 34.9% magenta, 0% yellow and 0% black.

    • #56a6ff color has a hue of 211.6 degrees, a saturation of 100% and a lightness of 66.9%.

    • #56a6ff hex color contains mainly BLUE.

    • The closest web safe color of #56a6ff is #6699ff

    • #56a6ff hex color has a decimal value of 5678847.

    #56a6ff Color Spaces (Color Conversions)

    HEX 56a6ff #56a6ff
    RGB 86, 166, 255 rgb(86, 166, 255)
    RGB Percent 33.73, 65.1, 100 rgb(33.73, 65.1, 100)
    CMYK 66, 35, 0, 0
    HSL 211.6°, 100, 66.9 hsl(211.6, 100%, 66.9%)
    HSV 211.6°, 66.3, 100
    XYZ 35.524, 36.471, 99.775
    Hunter Lab 60.391, -0.685, -55.682
    CIE-LAB 66.878, 2.928, -51.367
    CIE-LCH 66.878, 51.45, 273.262
    CIE-LUV 66.27, 34.9, 0, 0
    Web Safe 6699ff

    RGB percent of color #56a6ff

    33.73%
    65.1%
    100%

    CMYK percent of color #56a6ff

    66.27%
    34.9%
    0%
    0%

    Shades of #56a6ff

    Tints of #56a6ff

    Color Schemes with #56a6ff

    Complementary Color

    Split Complementary

    Triadic Colors

    Analogous Colors

    Tetradic Colors

    Square Colors

    Monochromatic Colors

    Alternative Colors for #56a6ff
    #56a6ff Color Preview

    Text with hexadecimal color #56a6ff

    This text has a font color of #56a6ff

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

    #56a6ff Background Color

    This box has a background color of #56a6ff

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

    #56a6ff Border Color

    This box has a border color of #56a6ff

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

    CSS codes

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

    #56a6ff Color on white background

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

    #56a6ff Color on black background

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