#558eb8 Hex Color

#558EB8
0

    • #558eb8 Color Information

    • In RGB color space, #558eb8 hex color has a red value of 85, a green value of 142 and a blue value of 184.

    • In CMYK color space (used in color printing), #558eb8 hex color is composed of 53.8% cyan, 22.83% magenta, 0% yellow and 27.84% black.

    • #558eb8 color has a hue of 205.5 degrees, a saturation of 41.08% and a lightness of 52.7%.

    • #558eb8 hex color contains mainly BLUE.

    • The closest web safe color of #558eb8 is #6699cc

    • #558eb8 hex color has a decimal value of 5607096.

    #558eb8 Color Spaces (Color Conversions)

    HEX 558eb8 #558eb8
    RGB 85, 142, 184 rgb(85, 142, 184)
    RGB Percent 33.33, 55.69, 72.16 rgb(33.33, 55.69, 72.16)
    CMYK 54, 23, 0, 28
    HSL 205.5°, 41.08, 52.7 hsl(205.5, 41.08%, 52.7%)
    HSV 205.5°, 53.8, 72.2
    XYZ 22.071, 24.738, 48.959
    Hunter Lab 49.737, -7.831, -23.546
    CIE-LAB 56.819, -6.551, -27.671
    CIE-LCH 56.819, 28.436, 256.681
    CIE-LUV 53.8, 22.83, 0, 27.84
    Web Safe 6699cc

    RGB percent of color #558eb8

    33.33%
    55.69%
    72.16%

    CMYK percent of color #558eb8

    53.8%
    22.83%
    0%
    27.84%

    Shades of #558eb8

    Tints of #558eb8

    Color Schemes with #558eb8

    Complementary Color

    Split Complementary

    Triadic Colors

    Analogous Colors

    Tetradic Colors

    Square Colors

    Monochromatic Colors

    Alternative Colors for #558eb8
    #558eb8 Color Preview

    Text with hexadecimal color #558eb8

    This text has a font color of #558eb8

    <p style="color:#558eb8">Text here</p>

    #558eb8 Background Color

    This box has a background color of #558eb8

    <div style="background-color:#558eb8">Text here</div>

    #558eb8 Border Color

    This box has a border color of #558eb8

    <div style="border: 4px solid #558eb8">Text here</div>

    CSS codes

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

    #558eb8 Color on white background

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

    #558eb8 Color on black background

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