#556cf4 Hex Color

#556CF4
0

    • #556cf4 Color Information

    • In RGB color space, #556cf4 hex color has a red value of 85, a green value of 108 and a blue value of 244.

    • In CMYK color space (used in color printing), #556cf4 hex color is composed of 65.16% cyan, 55.74% magenta, 0% yellow and 4.31% black.

    • #556cf4 color has a hue of 231.3 degrees, a saturation of 87.85% and a lightness of 64.5%.

    • #556cf4 hex color contains mainly BLUE.

    • The closest web safe color of #556cf4 is #6666ff

    • #556cf4 hex color has a decimal value of 5598452.

    #556cf4 Color Spaces (Color Conversions)

    HEX 556cf4 #556cf4
    RGB 85, 108, 244 rgb(85, 108, 244)
    RGB Percent 33.33, 42.35, 95.69 rgb(33.33, 42.35, 95.69)
    CMYK 65, 56, 0, 4
    HSL 231.3°, 87.85, 64.5 hsl(231.3, 87.85%, 64.5%)
    HSV 231.3°, 65.2, 95.7
    XYZ 25.438, 19.188, 87.951
    Hunter Lab 43.804, 27.002, -88.381
    CIE-LAB 50.906, 33.829, -70.906
    CIE-LCH 50.906, 78.562, 295.506
    CIE-LUV 65.16, 55.74, 0, 4.31
    Web Safe 6666ff

    RGB percent of color #556cf4

    33.33%
    42.35%
    95.69%

    CMYK percent of color #556cf4

    65.16%
    55.74%
    0%
    4.31%

    Shades of #556cf4

    Tints of #556cf4

    Color Schemes with #556cf4

    Complementary Color

    Split Complementary

    Triadic Colors

    Analogous Colors

    Tetradic Colors

    Square Colors

    Monochromatic Colors

    Alternative Colors for #556cf4
    #556cf4 Color Preview

    Text with hexadecimal color #556cf4

    This text has a font color of #556cf4

    <p style="color:#556cf4">Text here</p>

    #556cf4 Background Color

    This box has a background color of #556cf4

    <div style="background-color:#556cf4">Text here</div>

    #556cf4 Border Color

    This box has a border color of #556cf4

    <div style="border: 4px solid #556cf4">Text here</div>

    CSS codes

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

    #556cf4 Color on white background

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

    #556cf4 Color on black background

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