#50f3f4 Hex Color Information

#50f3f4 color image
#50f3f4 hex color is composed of 31.4% red, 95.3% green and 95.7% blue. This color's complement is #f45150. The CMYK color model (used in color printing) for #50f3f4 is 67% cyan, 0% magenta, 0% yellow and 4% black. #50f3f4 hex color decimal value is 5305332. The #50f3f4 hex color can be used on a black background.

#50f3f4 Color Conversions

Hex Triplet 50f3f4
RGB 80, 243, 244
RGB Percent 31.4%, 95.3%, 95.7%
HSV 180.37º, 88%, 64%
XYZ 51.688, 72.338, 96.826
LAB 0.881, -0.407, -0.128
CMYK 67%, 0%, 0%, 4%
Decimal 5305332
Color Is Dark No
Color Is Light Yes
Most Readable Black
Web Safe Color 66ffff

Closest Colors

Below you can see alternatives to #50f3f4.

    #50f3f4 Color Schemes

    Below you can see compatible color combinations for #50f3f4.

    Complementary Color

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

    #50f3f4 #f45150

    Analogous Colors

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

    #50a1f4 #50f3f4 #50f4a3

    Triadic Colors

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

    #f450f3 #50f3f4 #f3f450

    Tetradic Colors

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

    #a350f4 #50f3f4 #f45150 #a1f450

    Split Complementary Colors

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

    #f450a1 #50f3f4 #f4a350

    Lighten and Darken Colors

    Below you can see lighter and darker shades of #50f3f4.

    #80f6f7 #50f3f4 #20f0f1

    Monochromatic Colors

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

    #0fe8e9 #20f0f1 #38f1f2 #50f3f4 #68f5f6 #80f6f7 #98f8f9

    #50f3f4 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.

    #62f4f5 #73f5f6 #85f7f7 #96f8f8 #a8f9fa #b9fafb #cbfbfc #dcfdfd #eefefe

    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.

    #7b8c8c #769797 #72a3a3 #6daeae #68baba #63c5c6 #5ed1d1 #5adcdd #55e8e8

    Shades

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

    #081818 #103131 #184949 #206162 #287a7a #309292 #38aaab #40c2c3 #48dbdc

    #50f3f4 CSS Examples

    The text has a font color of #50f3f4

    color: #50f3f4;

    This element has a background-color of #50f3f4

    background-color: #50f3f4;

    This element has a border-color of #50f3f4

    border: 1px solid #50f3f4;

    This element has a box-shadow color of #50f3f4

    -webkit-box-shadow : 4px 4px 1px 1px #50f3f4;
    -moz-box-shadow : 4px 4px 1px 1px #50f3f4;
    box-shadow : 4px 4px 1px 1px #50f3f4;

    This element has a text-shadow color of #50f3f4

    -webkit-text-shadow : 1px 1px 2px #50f3f4;
    -moz-text-shadow : 1px 1px 2px #50f3f4;
    text-shadow : 1px 1px 2px #50f3f4;



    Gradient color of #50f3f4

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