#18ae90 Hex Color Information

#18ae90 color image
#18ae90 hex color is composed of 9.4% red, 68.2% green and 56.5% blue. This color's complement is #ae1836. The CMYK color model (used in color printing) for #18ae90 is 86% cyan, 0% magenta, 17% yellow and 32% black. #18ae90 hex color decimal value is 1617552. The #18ae90 hex color can be used on a white background. Nearest web color is LightSeaGreen.

#18ae90 Color Conversions

Hex Triplet 18ae90
RGB 24, 174, 144
RGB Percent 9.4%, 68.2%, 56.5%
HSV 168.00º, 76%, 39%
XYZ 20.547, 32.480, 31.572
LAB 0.637, -0.436, 0.051
CMYK 86%, 0%, 17%, 32%
Decimal 1617552
Color Is Dark Yes
Color Is Light No
Most Readable White
Web Safe Color 009999

Closest Colors

Below you can see alternatives to #18ae90.

    #18ae90 Color Schemes

    Below you can see compatible color combinations for #18ae90.

    Complementary Color

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

    #18ae90 #ae1836

    Analogous Colors

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

    #1881ae #18ae90 #18ae45

    Triadic Colors

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

    #9018ae #18ae90 #ae9018

    Tetradic Colors

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

    #4518ae #18ae90 #ae1836 #81ae18

    Split Complementary Colors

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

    #ae1881 #18ae90 #ae4518

    Lighten and Darken Colors

    Below you can see lighter and darker shades of #18ae90.

    #1edbb5 #18ae90 #12816b

    Monochromatic Colors

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

    #0f6b58 #12816b #15987d #18ae90 #1bc4a3 #1edbb5 #30e2bf

    #18ae90 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.

    #2fb69b #46bea6 #5dc6b1 #74cebc #8cd7c8 #a3dfd3 #bae7de #d1efe9 #e8f7f4

    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.

    #768582 #6b8983 #618e85 #569286 #4c9788 #429c8a #37a08b #2da58d #22a98e

    Shades

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

    #02110e #05231d #07342b #0a463a #0c5748 #0e6856 #117a65 #138b73 #169d82

    #18ae90 CSS Examples

    The text has a font color of #18ae90

    color: #18ae90;

    This element has a background-color of #18ae90

    background-color: #18ae90;

    This element has a border-color of #18ae90

    border: 1px solid #18ae90;

    This element has a box-shadow color of #18ae90

    -webkit-box-shadow : 4px 4px 1px 1px #18ae90;
    -moz-box-shadow : 4px 4px 1px 1px #18ae90;
    box-shadow : 4px 4px 1px 1px #18ae90;

    This element has a text-shadow color of #18ae90

    -webkit-text-shadow : 1px 1px 2px #18ae90;
    -moz-text-shadow : 1px 1px 2px #18ae90;
    text-shadow : 1px 1px 2px #18ae90;



    Gradient color of #18ae90

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