#f30599 Hex Color Information

#f30599 color image
#f30599 hex color is composed of 95.3% red, 2.0% green and 60.0% blue. This color's complement is #05f35f. The CMYK color model (used in color printing) for #f30599 is 0% cyan, 98% magenta, 37% yellow and 5% black. #f30599 hex color decimal value is 15926681. The #f30599 hex color can be used on a white background.

#f30599 Color Conversions

Hex Triplet f30599
RGB 243, 5, 153
RGB Percent 95.3%, 2.0%, 60.0%
HSV 322.69º, 96%, 49%
XYZ 42.766, 21.463, 32.026
LAB 0.535, 0.838, -0.133
CMYK 0%, 98%, 37%, 5%
Decimal 15926681
Color Is Dark Yes
Color Is Light No
Most Readable White
Web Safe Color ff0099

Closest Colors

Below you can see alternatives to #f30599.

    #f30599 Color Schemes

    Below you can see compatible color combinations for #f30599.

    Complementary Color

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

    #f30599 #05f35f

    Analogous Colors

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

    #f30522 #f30599 #d605f3

    Triadic Colors

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

    #99f305 #f30599 #0599f3

    Tetradic Colors

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

    #f3d605 #f30599 #05f35f #0522f3

    Split Complementary Colors

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

    #22f305 #f30599 #05f3d6

    Lighten and Darken Colors

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

    #fb30ae #f30599 #c1047a

    Monochromatic Colors

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

    #a8036a #c1047a #da0489 #f30599 #fa17a4 #fb30ae #fb49b8

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

    #f41ea3 #f537ad #f750b8 #f869c2 #f982cc #fa9bd6 #fbb4e0 #fdcdeb #fee6f5

    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.

    #8c7483 #976785 #a35b88 #ae4f8a #ba438d #c5368f #d12a92 #dc1e94 #e81197

    Shades

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

    #18010f #31011f #49022e #61023d #7a034d #92035c #aa046b #c2047a #db058a

    #f30599 CSS Examples

    The text has a font color of #f30599

    color: #f30599;

    This element has a background-color of #f30599

    background-color: #f30599;

    This element has a border-color of #f30599

    border: 1px solid #f30599;

    This element has a box-shadow color of #f30599

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

    This element has a text-shadow color of #f30599

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



    Gradient color of #f30599

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