Skip to main content

#0778AE

Share this color with others or download a color card image with HEX and RGB values. Perfect for social media, presentations, or design reference.

All Formats

HEX
#0778AE
RGB
rgb(7, 120, 174)
RGBA
rgba(7, 120, 174, 1)
HSL
hsl(199.4, 92.27%, 35.49%)
HSLA
hsla(199, 92%, 35%, 1)
CMYK
cmyk(96%, 31%, 0%, 32%)

Color Palettes

Harmonious color combinations based on #0778AE

Monochromatic

Shades and tints of the same hue

#022231
#066693
#0AABF5
#6CCCF9
#CEEEFD

Analogous

Adjacent colors on the color wheel

#07AB3B
#07AB8D
#0778AE
#0725AB
#3B07AB

Complementary

Opposite color for maximum contrast

#0778AE
#AB3B07

Triadic

Three evenly spaced colors

#0778AE
#AB0777
#77AB07

CSS Usage Examples

Background

background-color: #0778AE;

Text

color: #0778AE;

Border

border: 2px solid #0778AE;

Shadow

box-shadow: 0 4px 6px #0778AE40;
Feedback