Skip to main content

#054AA4

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
#054AA4
RGB
rgb(5, 74, 164)
RGBA
rgba(5, 74, 164, 1)
HSL
hsl(213.96, 94.08%, 33.14%)
HSLA
hsla(214, 94%, 33%, 1)
CMYK
cmyk(97%, 55%, 0%, 36%)

Color Palettes

Harmonious color combinations based on #054AA4

Monochromatic

Shades and tints of the same hue

#021631
#054394
#0870F7
#6BA9FA
#CEE2FD

Analogous

Adjacent colors on the color wheel

#05A35F
#0599A3
#054AA4
#1005A3
#5F05A3

Complementary

Opposite color for maximum contrast

#054AA4
#A35F05

Triadic

Three evenly spaced colors

#054AA4
#A3054A
#4AA305

CSS Usage Examples

Background

background-color: #054AA4;

Text

color: #054AA4;

Border

border: 2px solid #054AA4;

Shadow

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