#2878e2 Hex Color Information

#2878e2 color image
#2878e2 hex color is composed of 15.7% red, 47.1% green and 88.6% blue. This color's complement is #e29228. The CMYK color model (used in color printing) for #2878e2 is 82% cyan, 47% magenta, 0% yellow and 11% black. #2878e2 hex color decimal value is 2652386. The #2878e2 hex color can be used on a white background. Nearest web color is RoyalBlue.

#2878e2 Color Conversions

Hex Triplet 2878e2
RGB 40, 120, 226
RGB Percent 15.7%, 47.1%, 88.6%
HSV 214.19º, 76%, 52%
XYZ 21.319, 19.375, 74.568
LAB 0.511, 0.145, -0.606
CMYK 82%, 47%, 0%, 11%
Decimal 2652386
Color Is Dark Yes
Color Is Light No
Most Readable White
Web Safe Color 3366cc

Closest Colors

Below you can see alternatives to #2878e2.

    #2878e2 Color Schemes

    Below you can see compatible color combinations for #2878e2.

    Complementary Color

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

    #2878e2 #e29228

    Analogous Colors

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

    #3528e2 #2878e2 #28d5e2

    Triadic Colors

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

    #e22878 #2878e2 #78e228

    Tetradic Colors

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

    #e228d5 #2878e2 #e29228 #28e235

    Split Complementary Colors

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

    #e23528 #2878e2 #d5e228

    Lighten and Darken Colors

    Below you can see lighter and darker shades of #2878e2.

    #5594e8 #2878e2 #1a60bd

    Monochromatic Colors

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

    #1755a7 #1a60bd #1d6bd4 #2878e2 #3e86e5 #5594e8 #6ba2eb

    #2878e2 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.

    #3e86e5 #5393e8 #69a1eb #7eaeee #94bcf1 #a9c9f3 #bfd7f6 #d4e4f9 #eaf2fc

    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.

    #777f8a #6e7e94 #667e9d #5d7da7 #547cb1 #4b7bbb #427ac5 #3a7ace #3179d8

    Shades

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

    #040c17 #08182d #0c2444 #10305a #143c71 #184888 #1c549e #2060b5 #246ccb

    #2878e2 CSS Examples

    The text has a font color of #2878e2

    color: #2878e2;

    This element has a background-color of #2878e2

    background-color: #2878e2;

    This element has a border-color of #2878e2

    border: 1px solid #2878e2;

    This element has a box-shadow color of #2878e2

    -webkit-box-shadow : 4px 4px 1px 1px #2878e2;
    -moz-box-shadow : 4px 4px 1px 1px #2878e2;
    box-shadow : 4px 4px 1px 1px #2878e2;

    This element has a text-shadow color of #2878e2

    -webkit-text-shadow : 1px 1px 2px #2878e2;
    -moz-text-shadow : 1px 1px 2px #2878e2;
    text-shadow : 1px 1px 2px #2878e2;



    Gradient color of #2878e2

    background-color: #2878e2; 
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#5594e8', endColorstr='#2878e2'); 
    background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#5594e8), to(#2878e2)); 
    background-image: -webkit-linear-gradient(top, #5594e8, #2878e2); 
    background-image: -moz-linear-gradient(top, #5594e8, #2878e2); 
    background-image: -o-linear-gradient(top, #5594e8, #2878e2); 
    background-image: linear-gradient(to bottom, #5594e8, #2878e2);