#ab1565 Hex Color Information

#ab1565 color image
#ab1565 hex color is composed of 67.1% red, 8.2% green and 39.6% blue. This color's complement is #15ab5b. The CMYK color model (used in color printing) for #ab1565 is 0% cyan, 88% magenta, 41% yellow and 33% black. #ab1565 hex color decimal value is 11212133. The #ab1565 hex color can be used on a white background.

#ab1565 Color Conversions

Hex Triplet ab1565
RGB 171, 21, 101
RGB Percent 67.1%, 8.2%, 39.6%
HSV 328.00º, 78%, 38%
XYZ 19.412, 10.134, 13.245
LAB 0.381, 0.613, -0.059
CMYK 0%, 88%, 41%, 33%
Decimal 11212133
Color Is Dark Yes
Color Is Light No
Most Readable White
Web Safe Color 990066

Closest Colors

Below you can see alternatives to #ab1565.

    #ab1565 Color Schemes

    Below you can see compatible color combinations for #ab1565.

    Complementary Color

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

    #ab1565 #15ab5b

    Analogous Colors

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

    #ab151a #ab1565 #a615ab

    Triadic Colors

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

    #65ab15 #ab1565 #1565ab

    Tetradic Colors

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

    #aba615 #ab1565 #15ab5b #151aab

    Split Complementary Colors

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

    #1aab15 #ab1565 #15aba6

    Lighten and Darken Colors

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

    #d81b80 #ab1565 #7e0f4a

    Monochromatic Colors

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

    #670d3d #7e0f4a #941258 #ab1565 #c21872 #d81b80 #e5288d

    #ab1565 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.

    #b32c74 #bc4484 #c45b93 #cd73a3 #d58ab2 #dda1c1 #e6b9d1 #eed0e0 #f7e8f0

    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.

    #84757d #896b7b #8d6078 #915575 #964b73 #9a4070 #9e356d #a22a6a #a72068

    Shades

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

    #11020a #220414 #33061e #440828 #560b33 #670d3d #780f47 #891151 #9a135b

    #ab1565 CSS Examples

    The text has a font color of #ab1565

    color: #ab1565;

    This element has a background-color of #ab1565

    background-color: #ab1565;

    This element has a border-color of #ab1565

    border: 1px solid #ab1565;

    This element has a box-shadow color of #ab1565

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

    This element has a text-shadow color of #ab1565

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



    Gradient color of #ab1565

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