#af00ff Hex Color

#AF00FF
0
  • #af00ff Color Information

    • In RGB color space, #af00ff hex color has a red value of 175, a green value of 0 and a blue value of 255.

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

    • #af00ff color has a hue of 281.2 degrees, a saturation of 100% and a lightness of 50%.

    • #af00ff hex color contains mainly BLUE.

    • The closest web safe color of #af00ff is #9900ff

    • #af00ff hex color has a decimal value of 11469055.



    #af00ff Color Spaces (Color Conversions)

    HEX af00ff #af00ff
    RGB 175, 0, 255 rgb(175, 0, 255)
    RGB Percent 68.63, 0, 100 rgb(68.63, 0, 100)
    CMYK 31, 100, 0, 0
    HSL 281.2°, 100, 50 hsl(281.2, 100%, 50%)
    HSV 281.2°, 100, 100
    XYZ 35.729, 16.334, 95.877
    Hunter Lab 40.415, 87.075, -112.362
    CIE-LAB 47.41, 87.536, -82.37
    CIE-LCH 47.41, 120.197, 316.742
    CIE-LUV 31.37, 100, 0, 0
    Web Safe 9900ff

    RGB percent of color #af00ff

    68.63%
    0%
    100%

    CMYK percent of color #af00ff

    31.37%
    100%
    0%
    0%


    Color Schemes with #af00ff

    Complementary Color

    Split Complementary


    #af00ff Color Preview

    Text with hexadecimal color #af00ff

    This text has a font color of #af00ff

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

    #af00ff Background Color

    This box has a background color of #af00ff

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

    #af00ff Border Color

    This box has a border color of #af00ff

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

    CSS codes

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

    #af00ff Color on white background

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

    #af00ff Color on black background

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