Skip to main content

#057AA4

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
#057AA4
RGB
rgb(5, 122, 164)
RGBA
rgba(5, 122, 164, 1)
HSL
hsl(195.85, 94.08%, 33.14%)
HSLA
hsla(196, 94%, 33%, 1)
CMYK
cmyk(97%, 26%, 0%, 36%)

Color Palettes

Harmonious color combinations based on #057AA4

Monochromatic

Shades and tints of the same hue

#022531
#056E94
#08B7F7
#6BD4FA
#CEF1FD

Analogous

Adjacent colors on the color wheel

#05A32F
#05A37E
#057AA4
#052AA3
#2F05A3

Complementary

Opposite color for maximum contrast

#057AA4
#A32F05

Triadic

Three evenly spaced colors

#057AA4
#A30579
#79A305

CSS Usage Examples

Background

background-color: #057AA4;

Text

color: #057AA4;

Border

border: 2px solid #057AA4;

Shadow

box-shadow: 0 4px 6px #057AA440;
Feedback