#ffcc31 Hex Color

#FFCC31
0
  • #ffcc31 Color Information

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

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

    • #ffcc31 color has a hue of 45.1 degrees, a saturation of 100% and a lightness of 59.6%.

    • #ffcc31 hex color contains mainly RED.

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

    • #ffcc31 hex color has a decimal value of 16763953.



    #ffcc31 Color Spaces (Color Conversions)

    HEX ffcc31 #ffcc31
    RGB 255, 204, 49 rgb(255, 204, 49)
    RGB Percent 100, 80, 19.22 rgb(100, 80, 19.22)
    CMYK 0, 20, 81, 0
    HSL 45.1°, 100, 59.6 hsl(45.1, 100%, 59.6%)
    HSV 45.1°, 80.8, 100
    XYZ 63.387, 64.667, 12.047
    Hunter Lab 80.416, -0.027, 47.409
    CIE-LAB 84.312, 4.463, 76.937
    CIE-LCH 84.312, 77.066, 86.68
    CIE-LUV 0, 20, 80.78, 0
    Web Safe ffcc33

    RGB percent of color #ffcc31

    100%
    80%
    19.22%

    CMYK percent of color #ffcc31

    0%
    20%
    80.78%
    0%


    Color Schemes with #ffcc31

    Complementary Color

    Split Complementary


    #ffcc31 Color Preview

    Text with hexadecimal color #ffcc31

    This text has a font color of #ffcc31

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

    #ffcc31 Background Color

    This box has a background color of #ffcc31

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

    #ffcc31 Border Color

    This box has a border color of #ffcc31

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

    CSS codes

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

    #ffcc31 Color on white background

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

    #ffcc31 Color on black background

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