#3f66ff Hex Color

#3F66FF
0
  • #3f66ff Color Information

    • In RGB color space, #3f66ff hex color has a red value of 63, a green value of 102 and a blue value of 255.

    • In CMYK color space (used in color printing), #3f66ff hex color is composed of 75.29% cyan, 60% magenta, 0% yellow and 0% black.

    • #3f66ff color has a hue of 227.8 degrees, a saturation of 100% and a lightness of 62.4%.

    • #3f66ff hex color contains mainly BLUE.

    • The closest web safe color of #3f66ff is #3366ff

    • #3f66ff hex color has a decimal value of 4155135.



    #3f66ff Color Spaces (Color Conversions)

    HEX 3f66ff #3f66ff
    RGB 63, 102, 255 rgb(63, 102, 255)
    RGB Percent 24.71, 40, 100 rgb(24.71, 40, 100)
    CMYK 75, 60, 0, 0
    HSL 227.8°, 100, 62.4 hsl(227.8, 100%, 62.4%)
    HSV 227.8°, 75.3, 100
    XYZ 24.851, 17.78, 96.73
    Hunter Lab 42.166, 31.409, -106.495
    CIE-LAB 49.228, 38.566, -79.801
    CIE-LCH 49.228, 88.631, 295.793
    CIE-LUV 75.29, 60, 0, 0
    Web Safe 3366ff

    RGB percent of color #3f66ff

    24.71%
    40%
    100%

    CMYK percent of color #3f66ff

    75.29%
    60%
    0%
    0%


    Color Schemes with #3f66ff

    Complementary Color

    Split Complementary


    #3f66ff Color Preview

    Text with hexadecimal color #3f66ff

    This text has a font color of #3f66ff

    <p style="color:#3f66ff">Text here</p>

    #3f66ff Background Color

    This box has a background color of #3f66ff

    <div style="background-color:#3f66ff">Text here</div>

    #3f66ff Border Color

    This box has a border color of #3f66ff

    <div style="border: 4px solid #3f66ff">Text here</div>

    CSS codes

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

    #3f66ff Color on white background

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

    #3f66ff Color on black background

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