#2980b9 Hex Color Information

#2980b9 color image
#2980b9 hex color is composed of 16.1% red, 50.2% green and 72.5% blue. This color's complement is #b96229. The CMYK color model (used in color printing) for #2980b9 is 78% cyan, 31% magenta, 0% yellow and 27% black. #2980b9 hex color decimal value is 2719929. The #2980b9 hex color can be used on a white background. Nearest web color is SteelBlue.

#2980b9 Color Conversions

Hex Triplet 2980b9
RGB 41, 128, 185
RGB Percent 16.1%, 50.2%, 72.5%
HSV 203.75º, 64%, 44%
XYZ 17.391, 19.413, 48.729
LAB 0.512, -0.057, -0.372
CMYK 78%, 31%, 0%, 27%
Decimal 2719929
Color Is Dark Yes
Color Is Light No
Most Readable White
Web Safe Color 3399cc

Closest Colors

Below you can see alternatives to #2980b9.

    #2980b9 Color Schemes

    Below you can see compatible color combinations for #2980b9.

    Complementary Color

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

    #2980b9 #b96229

    Analogous Colors

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

    #2938b9 #2980b9 #29b9aa

    Triadic Colors

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

    #b92980 #2980b9 #80b929

    Tetradic Colors

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

    #aa29b9 #2980b9 #b96229 #38b929

    Split Complementary Colors

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

    #b92938 #2980b9 #b9aa29

    Lighten and Darken Colors

    Below you can see lighter and darker shades of #2980b9.

    #409ad5 #2980b9 #20638f

    Monochromatic Colors

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

    #1b557a #20638f #2472a4 #2980b9 #2e8ece #409ad5 #55a5d9

    #2980b9 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.

    #3e8dc0 #5499c7 #69a6ce #7fb3d5 #94c0dc #a9cce3 #bfd9ea #d4e6f1 #eaf2f8

    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.

    #778086 #6f808b #668091 #5d8097 #55809d #4c80a2 #4380a8 #3a80ae #3280b3

    Shades

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

    #040d13 #081a25 #0c2638 #10334a #15405d #194d6f #1d5a82 #216694 #2573a7

    #2980b9 CSS Examples

    The text has a font color of #2980b9

    color: #2980b9;

    This element has a background-color of #2980b9

    background-color: #2980b9;

    This element has a border-color of #2980b9

    border: 1px solid #2980b9;

    This element has a box-shadow color of #2980b9

    -webkit-box-shadow : 4px 4px 1px 1px #2980b9;
    -moz-box-shadow : 4px 4px 1px 1px #2980b9;
    box-shadow : 4px 4px 1px 1px #2980b9;

    This element has a text-shadow color of #2980b9

    -webkit-text-shadow : 1px 1px 2px #2980b9;
    -moz-text-shadow : 1px 1px 2px #2980b9;
    text-shadow : 1px 1px 2px #2980b9;



    Gradient color of #2980b9

    background-color: #2980b9; 
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#409ad5', endColorstr='#2980b9'); 
    background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#409ad5), to(#2980b9)); 
    background-image: -webkit-linear-gradient(top, #409ad5, #2980b9); 
    background-image: -moz-linear-gradient(top, #409ad5, #2980b9); 
    background-image: -o-linear-gradient(top, #409ad5, #2980b9); 
    background-image: linear-gradient(to bottom, #409ad5, #2980b9);