#304050 Hex Color

#304050
0
  • #304050 Color Information

    • In RGB color space, #304050 hex color has a red value of 48, a green value of 64 and a blue value of 80.

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

    • #304050 color has a hue of 210 degrees, a saturation of 25% and a lightness of 25.1%.

    • #304050 hex color contains mainly BLUE.

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

    • #304050 hex color has a decimal value of 3162192.



    #304050 Color Spaces (Color Conversions)

    HEX 304050 #304050
    RGB 48, 64, 80 rgb(48, 64, 80)
    RGB Percent 18.82, 25.1, 31.37 rgb(18.82, 25.1, 31.37)
    CMYK 40, 20, 0, 69
    HSL 210°, 25, 25.1 hsl(210, 25%, 25.1%)
    HSV 210°, 40, 31.4
    XYZ 4.5, 4.874, 8.293
    Hunter Lab 22.077, -2.251, -6.818
    CIE-LAB 26.373, -1.759, -11.721
    CIE-LCH 26.373, 11.852, 261.465
    CIE-LUV 40, 20, 0, 68.63
    Web Safe 333366

    RGB percent of color #304050

    18.82%
    25.1%
    31.37%

    CMYK percent of color #304050

    40%
    20%
    0%
    68.63%


    Color Schemes with #304050

    Complementary Color

    Split Complementary


    #304050 Color Preview

    Text with hexadecimal color #304050

    This text has a font color of #304050

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

    #304050 Background Color

    This box has a background color of #304050

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

    #304050 Border Color

    This box has a border color of #304050

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

    CSS codes

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

    #304050 Color on white background

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

    #304050 Color on black background

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