#33ccff Hex Color

#33CCFF
0
  • #33ccff Color Information

    • #33ccff short hex color code is #3cf.

    • In RGB color space, #33ccff hex color has a red value of 51, a green value of 204 and a blue value of 255.

    • In CMYK color space (used in color printing), #33ccff hex color is composed of 80% cyan, 20% magenta, 0% yellow and 0% black.

    • #33ccff color has a hue of 195 degrees, a saturation of 100% and a lightness of 60%.

    • #33ccff hex color contains mainly BLUE.

    • #33ccff is a web safe color.

    • #33ccff hex color has a decimal value of 3394815.



    #33ccff Color Spaces (Color Conversions)

    HEX 33ccff #33ccff
    RGB 51, 204, 255 rgb(51, 204, 255)
    RGB Percent 20, 80, 100 rgb(20, 80, 100)
    CMYK 80, 20, 0, 0
    HSL 195°, 100, 60 hsl(195, 100%, 60%)
    HSV 195°, 80, 100
    XYZ 41.008, 51.11, 102.312
    Hunter Lab 71.491, -22.721, -34.807
    CIE-LAB 76.746, -21.95, -35.987
    CIE-LCH 76.746, 42.153, 238.619
    CIE-LUV 80, 20, 0, 0
    Web Safe 33ccff

    RGB percent of color #33ccff

    20%
    80%
    100%

    CMYK percent of color #33ccff

    80%
    20%
    0%
    0%


    Color Schemes with #33ccff

    Complementary Color

    Split Complementary


    #33ccff Color Preview

    Text with hexadecimal color #33ccff

    This text has a font color of #33ccff

    <p style="color:#33ccff">Text here</p>

    #33ccff Background Color

    This box has a background color of #33ccff

    <div style="background-color:#33ccff">Text here</div>

    #33ccff Border Color

    This box has a border color of #33ccff

    <div style="border: 4px solid #33ccff">Text here</div>

    CSS codes

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

    #33ccff Color on white background

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

    #33ccff Color on black background

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