#00baff Hex Color

#00BAFF
0
  • #00baff Color Information

    • In RGB color space, #00baff hex color has a red value of 0, a green value of 186 and a blue value of 255.

    • In CMYK color space (used in color printing), #00baff hex color is composed of 100% cyan, 27.06% magenta, 0% yellow and 0% black.

    • #00baff color has a hue of 196.2 degrees, a saturation of 100% and a lightness of 50%.

    • #00baff hex color contains mainly BLUE.

    • The closest web safe color of #00baff is #00ccff

    • #00baff hex color has a decimal value of 47871.



    #00baff Color Spaces (Color Conversions)

    HEX 00baff #00baff
    RGB 0, 186, 255 rgb(0, 186, 255)
    RGB Percent 0, 72.94, 100 rgb(0, 72.94, 100)
    CMYK 100, 27, 0, 0
    HSL 196.2°, 100, 50 hsl(196.2, 100%, 50%)
    HSV 196.2°, 100, 100
    XYZ 35.609, 42.338, 100.903
    Hunter Lab 65.068, -16.182, -46.396
    CIE-LAB 71.103, -14.996, -44.811
    CIE-LCH 71.103, 47.254, 251.497
    CIE-LUV 100, 27.06, 0, 0
    Web Safe 00ccff

    RGB percent of color #00baff

    0%
    72.94%
    100%

    CMYK percent of color #00baff

    100%
    27.06%
    0%
    0%


    Color Schemes with #00baff

    Complementary Color

    Split Complementary


    #00baff Color Preview

    Text with hexadecimal color #00baff

    This text has a font color of #00baff

    <p style="color:#00baff">Text here</p>

    #00baff Background Color

    This box has a background color of #00baff

    <div style="background-color:#00baff">Text here</div>

    #00baff Border Color

    This box has a border color of #00baff

    <div style="border: 4px solid #00baff">Text here</div>

    CSS codes

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

    #00baff Color on white background

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

    #00baff Color on black background

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