#ffcc48 Hex Color

#FFCC48
0
  • #ffcc48 Color Information

    • In RGB color space, #ffcc48 hex color has a red value of 255, a green value of 204 and a blue value of 72.

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

    • #ffcc48 color has a hue of 43.3 degrees, a saturation of 100% and a lightness of 64.1%.

    • #ffcc48 hex color contains mainly RED.

    • The closest web safe color of #ffcc48 is #ffcc33

    • #ffcc48 hex color has a decimal value of 16763976.



    #ffcc48 Color Spaces (Color Conversions)

    HEX ffcc48 #ffcc48
    RGB 255, 204, 72 rgb(255, 204, 72)
    RGB Percent 100, 80, 28.24 rgb(100, 80, 28.24)
    CMYK 0, 20, 72, 0
    HSL 43.3°, 100, 64.1 hsl(43.3, 100%, 64.1%)
    HSV 43.3°, 71.8, 100
    XYZ 64.003, 64.914, 15.287
    Hunter Lab 80.569, 0.802, 45.149
    CIE-LAB 84.439, 5.324, 69.223
    CIE-LCH 84.439, 69.427, 85.602
    CIE-LUV 0, 20, 71.76, 0
    Web Safe ffcc33

    RGB percent of color #ffcc48

    100%
    80%
    28.24%

    CMYK percent of color #ffcc48

    0%
    20%
    71.76%
    0%


    Color Schemes with #ffcc48

    Complementary Color

    Split Complementary


    #ffcc48 Color Preview

    Text with hexadecimal color #ffcc48

    This text has a font color of #ffcc48

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

    #ffcc48 Background Color

    This box has a background color of #ffcc48

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

    #ffcc48 Border Color

    This box has a border color of #ffcc48

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

    CSS codes

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

    #ffcc48 Color on white background

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

    #ffcc48 Color on black background

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