#334564 Hex Color

#334564
0
  • #334564 Color Information

    • In RGB color space, #334564 hex color has a red value of 51, a green value of 69 and a blue value of 100.

    • In CMYK color space (used in color printing), #334564 hex color is composed of 49% cyan, 31% magenta, 0% yellow and 60.78% black.

    • #334564 color has a hue of 218 degrees, a saturation of 32.45% and a lightness of 29.6%.

    • #334564 hex color contains mainly BLUE.

    • The closest web safe color of #334564 is #333366

    • #334564 hex color has a decimal value of 3360100.



    #334564 Color Spaces (Color Conversions)

    HEX 334564 #334564
    RGB 51, 69, 100 rgb(51, 69, 100)
    RGB Percent 20, 27.06, 39.22 rgb(20, 27.06, 39.22)
    CMYK 49, 31, 0, 61
    HSL 218°, 32.45, 29.6 hsl(218, 32.45%, 29.6%)
    HSV 218°, 49, 39.2
    XYZ 5.794, 5.88, 12.886
    Hunter Lab 24.249, 0.216, -14.533
    CIE-LAB 29.108, 2.351, -20.422
    CIE-LCH 29.108, 20.557, 276.567
    CIE-LUV 49, 31, 0, 60.78
    Web Safe 333366

    RGB percent of color #334564

    20%
    27.06%
    39.22%

    CMYK percent of color #334564

    49%
    31%
    0%
    60.78%


    Color Schemes with #334564

    Complementary Color

    Split Complementary


    #334564 Color Preview

    Text with hexadecimal color #334564

    This text has a font color of #334564

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

    #334564 Background Color

    This box has a background color of #334564

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

    #334564 Border Color

    This box has a border color of #334564

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

    CSS codes

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

    #334564 Color on white background

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

    #334564 Color on black background

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