#298cb9 Hex Color Information

#298cb9 color image
#298cb9 hex color is composed of 16.1% red, 54.9% green and 72.5% blue. This color's complement is #b95629. The CMYK color model (used in color printing) for #298cb9 is 78% cyan, 24% magenta, 0% yellow and 27% black. #298cb9 hex color decimal value is 2723001. The #298cb9 hex color can be used on a white background. Nearest web color is SteelBlue.

#298cb9 Color Conversions

Hex Triplet 298cb9
RGB 41, 140, 185
RGB Percent 16.1%, 54.9%, 72.5%
HSV 198.75º, 64%, 44%
XYZ 19.049, 22.730, 49.282
LAB 0.548, -0.125, -0.315
CMYK 78%, 24%, 0%, 27%
Decimal 2723001
Color Is Dark Yes
Color Is Light No
Most Readable White
Web Safe Color 3399cc

Closest Colors

Below you can see alternatives to #298cb9.

    #298cb9 Color Schemes

    Below you can see compatible color combinations for #298cb9.

    Complementary Color

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

    #298cb9 #b95629

    Analogous Colors

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

    #2944b9 #298cb9 #29b99e

    Triadic Colors

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

    #b9298c #298cb9 #8cb929

    Tetradic Colors

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

    #9e29b9 #298cb9 #b95629 #44b929

    Split Complementary Colors

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

    #b92944 #298cb9 #b99e29

    Lighten and Darken Colors

    Below you can see lighter and darker shades of #298cb9.

    #40a6d5 #298cb9 #206c8f

    Monochromatic Colors

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

    #1b5d7a #206c8f #247ca4 #298cb9 #2e9cce #40a6d5 #55b0d9

    #298cb9 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.

    #3e98c0 #54a3c7 #69afce #7fbad5 #94c6dc #a9d1e3 #bfddea #d4e8f1 #eaf4f8

    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.

    #778186 #6f828b #668491 #5d8597 #55869d #4c87a2 #4388a8 #3a8aae #328bb3

    Shades

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

    #040e13 #081c25 #0c2a38 #10384a #15465d #19546f #1d6282 #217094 #257ea7

    #298cb9 CSS Examples

    The text has a font color of #298cb9

    color: #298cb9;

    This element has a background-color of #298cb9

    background-color: #298cb9;

    This element has a border-color of #298cb9

    border: 1px solid #298cb9;

    This element has a box-shadow color of #298cb9

    -webkit-box-shadow : 4px 4px 1px 1px #298cb9;
    -moz-box-shadow : 4px 4px 1px 1px #298cb9;
    box-shadow : 4px 4px 1px 1px #298cb9;

    This element has a text-shadow color of #298cb9

    -webkit-text-shadow : 1px 1px 2px #298cb9;
    -moz-text-shadow : 1px 1px 2px #298cb9;
    text-shadow : 1px 1px 2px #298cb9;



    Gradient color of #298cb9

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