#ff0080 Hex Color Information

#ff0080 color image
#ff0080 hex color is composed of 100.0% red, 0.0% green and 50.2% blue. This color's complement is #00ff7f. The CMYK color model (used in color printing) for #ff0080 is 0% cyan, 100% magenta, 50% yellow and 0% black. #ff0080 hex color decimal value is 16711808. The #ff0080 hex color can be used on a white background.

#ff0080 Color Conversions

Hex Triplet ff0080
RGB 255, 0, 128
RGB Percent 100.0%, 0.0%, 50.2%
HSV 329.88º, 100%, 50%
XYZ 45.136, 22.819, 22.448
LAB 0.549, 0.846, 0.041
CMYK 0%, 100%, 50%, 0%
Decimal 16711808
Color Is Dark Yes
Color Is Light No
Most Readable White
Web Safe Color ff0099

Closest Colors

Below you can see alternatives to #ff0080.

    #ff0080 Color Schemes

    Below you can see compatible color combinations for #ff0080.

    Complementary Color

    Complementary colors, known as contrasting colors in the color wheel, are used to achieve a high-contrast, vibrant appearance.

    #ff0080 #00ff7f

    Analogous Colors

    Analogous colors are arranged side by side on the color wheel. It is generally used for harmonious and quiet designs.

    #ff0000 #ff0080 #ff00ff

    Triadic Colors

    The triadic colors, uses colors that are evenly spaced around the color wheel.

    #80ff00 #ff0080 #0080ff

    Tetradic Colors

    The tetradic color scheme consists of four colors arranged in two complementary colors.

    #ffff00 #ff0080 #00ff7f #0000ff

    Split Complementary Colors

    The split complementary colors consist of complementary colors on either side of the selected main color.

    #00ff00 #ff0080 #00ffff

    Lighten and Darken Colors

    Below you can see lighter and darker shades of #ff0080.

    #ff3399 #ff0080 #cc0066

    Monochromatic Colors

    Monochromatic colors consist of colors that are created from light to dark color by adding black and white tones.

    #b2005a #cc0066 #e60073 #ff0080 #ff1a8d #ff3399 #ff4da6

    #ff0080 Tints, Tones and Shades

    Tints

    Tints are created by adding white tones to any color on the color song. In this way a lighter color than the original one is obtained.

    #ff1a8d #ff3399 #ff4da6 #ff66b3 #ff80c0 #ff99cc #ffb3d9 #ffcce6 #ffe6f2

    Tones

    In order to create a shade of colors, it is necessary to add the shades of gray color, which is a mixture of that color, white and black. This creates a more vibrant and new look.

    #8d7380 #996680 #a65a80 #b34d80 #c04080 #cc3380 #d92680 #e61a80 #f20d80

    Shades

    Shades are used to make a color darker. It is done by adding black tones.

    #1a000d #33001a #4d0026 #660033 #800040 #99004d #b3005a #cc0066 #e60073

    #ff0080 CSS Examples

    The text has a font color of #ff0080

    color: #ff0080;

    This element has a background-color of #ff0080

    background-color: #ff0080;

    This element has a border-color of #ff0080

    border: 1px solid #ff0080;

    This element has a box-shadow color of #ff0080

    -webkit-box-shadow : 4px 4px 1px 1px #ff0080;
    -moz-box-shadow : 4px 4px 1px 1px #ff0080;
    box-shadow : 4px 4px 1px 1px #ff0080;

    This element has a text-shadow color of #ff0080

    -webkit-text-shadow : 1px 1px 2px #ff0080;
    -moz-text-shadow : 1px 1px 2px #ff0080;
    text-shadow : 1px 1px 2px #ff0080;



    Gradient color of #ff0080

    background-color: #ff0080; 
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff3399', endColorstr='#ff0080'); 
    background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#ff3399), to(#ff0080)); 
    background-image: -webkit-linear-gradient(top, #ff3399, #ff0080); 
    background-image: -moz-linear-gradient(top, #ff3399, #ff0080); 
    background-image: -o-linear-gradient(top, #ff3399, #ff0080); 
    background-image: linear-gradient(to bottom, #ff3399, #ff0080);