#2fbae2 Hex Color Information

#2fbae2 color image
#2fbae2 hex color is composed of 18.4% red, 72.9% green and 88.6% blue. This color's complement is #e2572f. The CMYK color model (used in color printing) for #2fbae2 is 79% cyan, 18% magenta, 0% yellow and 11% black. #2fbae2 hex color decimal value is 3128034. The #2fbae2 hex color can be used on a black background. Nearest web color is MediumTurquoise.

#2fbae2 Color Conversions

Hex Triplet 2fbae2
RGB 47, 186, 226
RGB Percent 18.4%, 72.9%, 88.6%
HSV 193.41º, 76%, 54%
XYZ 32.459, 41.213, 78.196
LAB 0.703, -0.226, -0.303
CMYK 79%, 18%, 0%, 11%
Decimal 3128034
Color Is Dark No
Color Is Light Yes
Most Readable Black
Web Safe Color 33cccc

Closest Colors

Below you can see alternatives to #2fbae2.

    #2fbae2 Color Schemes

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

    Complementary Color

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

    #2fbae2 #e2572f

    Analogous Colors

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

    #2f60e2 #2fbae2 #2fe2b0

    Triadic Colors

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

    #e22fba #2fbae2 #bae22f

    Tetradic Colors

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

    #b02fe2 #2fbae2 #e2572f #60e22f

    Split Complementary Colors

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

    #e22f60 #2fbae2 #e2b02f

    Lighten and Darken Colors

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

    #5cc9e8 #2fbae2 #1b9dc3

    Monochromatic Colors

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

    #188bac #1b9dc3 #1eafd9 #2fbae2 #45c1e5 #5cc9e8 #72d0eb

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

    #44c1e5 #59c8e8 #6dcfeb #82d6ee #97ddf1 #ace3f3 #c1eaf6 #d5f1f9 #eaf8fc

    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.

    #78868a #708c94 #68919d #6097a7 #589db1 #4fa3bb #47a9c5 #3faece #37b4d8

    Shades

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

    #051317 #09252d #0e3844 #134a5a #185d71 #1c7088 #21829e #2695b5 #2aa7cb

    #2fbae2 CSS Examples

    The text has a font color of #2fbae2

    color: #2fbae2;

    This element has a background-color of #2fbae2

    background-color: #2fbae2;

    This element has a border-color of #2fbae2

    border: 1px solid #2fbae2;

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

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

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

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



    Gradient color of #2fbae2

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