#1f80ff Hex Color

#1F80FF
0
  • #1f80ff Color Information

    • In RGB color space, #1f80ff hex color has a red value of 31, a green value of 128 and a blue value of 255.

    • In CMYK color space (used in color printing), #1f80ff hex color is composed of 87.84% cyan, 49.8% magenta, 0% yellow and 0% black.

    • #1f80ff color has a hue of 214 degrees, a saturation of 100% and a lightness of 56.1%.

    • #1f80ff hex color contains mainly BLUE.

    • The closest web safe color of #1f80ff is #3399ff

    • #1f80ff hex color has a decimal value of 2064639.



    #1f80ff Color Spaces (Color Conversions)

    HEX 1f80ff #1f80ff
    RGB 31, 128, 255 rgb(31, 128, 255)
    RGB Percent 12.16, 50.2, 100 rgb(12.16, 50.2, 100)
    CMYK 88, 50, 0, 0
    HSL 214°, 100, 56.1 hsl(214, 100%, 56.1%)
    HSV 214°, 87.8, 100
    XYZ 26.334, 22.95, 97.65
    Hunter Lab 47.906, 14.286, -87.32
    CIE-LAB 55.021, 19.835, -70.422
    CIE-LCH 55.021, 73.162, 285.73
    CIE-LUV 87.84, 49.8, 0, 0
    Web Safe 3399ff

    RGB percent of color #1f80ff

    12.16%
    50.2%
    100%

    CMYK percent of color #1f80ff

    87.84%
    49.8%
    0%
    0%


    Color Schemes with #1f80ff

    Complementary Color

    Split Complementary


    #1f80ff Color Preview

    Text with hexadecimal color #1f80ff

    This text has a font color of #1f80ff

    <p style="color:#1f80ff">Text here</p>

    #1f80ff Background Color

    This box has a background color of #1f80ff

    <div style="background-color:#1f80ff">Text here</div>

    #1f80ff Border Color

    This box has a border color of #1f80ff

    <div style="border: 4px solid #1f80ff">Text here</div>

    CSS codes

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

    #1f80ff Color on white background

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

    #1f80ff Color on black background

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