#2ee696 Hex Color Information

#2ee696 color image
#2ee696 hex color is composed of 18.0% red, 90.2% green and 58.8% blue. This color's complement is #e62e7e. The CMYK color model (used in color printing) for #2ee696 is 80% cyan, 0% magenta, 35% yellow and 10% black. #2ee696 hex color decimal value is 3073686. The #2ee696 hex color can be used on a black background. Nearest web color is MediumSpringGreen.

#2ee696 Color Conversions

Hex Triplet 2ee696
RGB 46, 230, 150
RGB Percent 18.0%, 90.2%, 58.8%
HSV 153.91º, 79%, 54%
XYZ 34.929, 59.376, 38.474
LAB 0.815, -0.621, 0.267
CMYK 80%, 0%, 35%, 10%
Decimal 3073686
Color Is Dark No
Color Is Light Yes
Most Readable Black
Web Safe Color 33ff99

Closest Colors

Below you can see alternatives to #2ee696.

    #2ee696 Color Schemes

    Below you can see compatible color combinations for #2ee696.

    Complementary Color

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

    #2ee696 #e62e7e

    Analogous Colors

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

    #2edae6 #2ee696 #2ee63a

    Triadic Colors

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

    #962ee6 #2ee696 #e6962e

    Tetradic Colors

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

    #3a2ee6 #2ee696 #e62e7e #dae62e

    Split Complementary Colors

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

    #e62eda #2ee696 #e63a2e

    Lighten and Darken Colors

    Below you can see lighter and darker shades of #2ee696.

    #5cebad #2ee696 #18c97c

    Monochromatic Colors

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

    #15b26e #18c97c #1be08a #2ee696 #45e9a1 #5cebad #72eeb8

    #2ee696 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.

    #43e9a1 #58ebab #6deeb6 #82f0c0 #97f3cb #abf5d5 #c0f8e0 #d5faea #eafdf5

    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.

    #788a82 #709484 #679f87 #5fa989 #57b38b #4fbd8d #47c78f #3ed292 #36dc94

    Shades

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

    #05170f #092e1e #0e452d #125c3c #17734b #1c8a5a #20a169 #25b878 #29cf87

    #2ee696 CSS Examples

    The text has a font color of #2ee696

    color: #2ee696;

    This element has a background-color of #2ee696

    background-color: #2ee696;

    This element has a border-color of #2ee696

    border: 1px solid #2ee696;

    This element has a box-shadow color of #2ee696

    -webkit-box-shadow : 4px 4px 1px 1px #2ee696;
    -moz-box-shadow : 4px 4px 1px 1px #2ee696;
    box-shadow : 4px 4px 1px 1px #2ee696;

    This element has a text-shadow color of #2ee696

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



    Gradient color of #2ee696

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