Skip to main content

#054BA4

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

Color Palettes

Harmonious color combinations based on #054BA4

Monochromatic

Shades and tints of the same hue

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

Analogous

Adjacent colors on the color wheel

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

Complementary

Opposite color for maximum contrast

#054BA4
#A35F05

Triadic

Three evenly spaced colors

#054BA4
#A3054A
#4AA305

CSS Usage Examples

Background

background-color: #054BA4;

Text

color: #054BA4;

Border

border: 2px solid #054BA4;

Shadow

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