#558dfd Hex Color

#558DFD
0

    • #558dfd Color Information

    • In RGB color space, #558dfd hex color has a red value of 85, a green value of 141 and a blue value of 253.

    • In CMYK color space (used in color printing), #558dfd hex color is composed of 66.4% cyan, 44.27% magenta, 0% yellow and 0.78% black.

    • #558dfd color has a hue of 220 degrees, a saturation of 97.67% and a lightness of 66.3%.

    • #558dfd hex color contains mainly BLUE.

    • The closest web safe color of #558dfd is #6699ff

    • #558dfd hex color has a decimal value of 5606909.

    #558dfd Color Spaces (Color Conversions)

    HEX 558dfd #558dfd
    RGB 85, 141, 253 rgb(85, 141, 253)
    RGB Percent 33.33, 55.29, 99.22 rgb(33.33, 55.29, 99.22)
    CMYK 66, 44, 0, 1
    HSL 220°, 97.67, 66.3 hsl(220, 97.67%, 66.3%)
    HSV 220°, 66.4, 99.2
    XYZ 31.001, 28.073, 96.713
    Hunter Lab 52.984, 11.719, -71.135
    CIE-LAB 59.955, 16.787, -61.296
    CIE-LCH 59.955, 63.553, 285.316
    CIE-LUV 66.4, 44.27, 0, 0.78
    Web Safe 6699ff

    RGB percent of color #558dfd

    33.33%
    55.29%
    99.22%

    CMYK percent of color #558dfd

    66.4%
    44.27%
    0%
    0.78%

    Shades of #558dfd

    Tints of #558dfd

    Color Schemes with #558dfd

    Complementary Color

    Split Complementary

    Triadic Colors

    Analogous Colors

    Tetradic Colors

    Square Colors

    Monochromatic Colors

    Alternative Colors for #558dfd
    #558dfd Color Preview

    Text with hexadecimal color #558dfd

    This text has a font color of #558dfd

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

    #558dfd Background Color

    This box has a background color of #558dfd

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

    #558dfd Border Color

    This box has a border color of #558dfd

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

    CSS codes

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

    #558dfd Color on white background

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

    #558dfd Color on black background

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