#557ee2 Hex Color

#557EE2
0

    • #557ee2 Color Information

    • In RGB color space, #557ee2 hex color has a red value of 85, a green value of 126 and a blue value of 226.

    • In CMYK color space (used in color printing), #557ee2 hex color is composed of 62.39% cyan, 44.25% magenta, 0% yellow and 11.37% black.

    • #557ee2 color has a hue of 222.6 degrees, a saturation of 70.85% and a lightness of 61%.

    • #557ee2 hex color contains mainly BLUE.

    • The closest web safe color of #557ee2 is #6666cc

    • #557ee2 hex color has a decimal value of 5603042.

    #557ee2 Color Spaces (Color Conversions)

    HEX 557ee2 #557ee2
    RGB 85, 126, 226 rgb(85, 126, 226)
    RGB Percent 33.33, 49.41, 88.63 rgb(33.33, 49.41, 88.63)
    CMYK 62, 44, 0, 11
    HSL 222.6°, 70.85, 61 hsl(222.6, 70.85%, 61%)
    HSV 222.6°, 62.4, 88.6
    XYZ 24.935, 22.344, 74.95
    Hunter Lab 47.269, 11.439, -60.921
    CIE-LAB 54.39, 16.676, -55.228
    CIE-LCH 54.39, 57.691, 286.802
    CIE-LUV 62.39, 44.25, 0, 11.37
    Web Safe 6666cc

    RGB percent of color #557ee2

    33.33%
    49.41%
    88.63%

    CMYK percent of color #557ee2

    62.39%
    44.25%
    0%
    11.37%

    Shades of #557ee2

    Tints of #557ee2

    Color Schemes with #557ee2

    Complementary Color

    Split Complementary

    Triadic Colors

    Analogous Colors

    Tetradic Colors

    Square Colors

    Monochromatic Colors

    Alternative Colors for #557ee2
    #557ee2 Color Preview

    Text with hexadecimal color #557ee2

    This text has a font color of #557ee2

    <p style="color:#557ee2">Text here</p>

    #557ee2 Background Color

    This box has a background color of #557ee2

    <div style="background-color:#557ee2">Text here</div>

    #557ee2 Border Color

    This box has a border color of #557ee2

    <div style="border: 4px solid #557ee2">Text here</div>

    CSS codes

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

    #557ee2 Color on white background

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

    #557ee2 Color on black background

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