#546E7A

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

#546E7A

RGB

rgb(84, 110, 122)

RGBA

rgba(84, 110, 122, 1)

HSL

hsl(198.95, 18.45%, 40.39%)

HSLA

hsla(199, 18%, 40%, 1)

CMYK

cmyk(31%, 10%, 0%, 52%)

Color Palettes

Harmonious color combinations based on #546E7A

Monochromatic

Shades and tints of the same hue

#151B1E

#3F525A

#698896

#A5B8C0

#E1E7EA

Analogous

Adjacent colors on the color wheel

#54785F

#547872

#546E7A

#545A78

#5F5478

Complementary

Opposite color for maximum contrast

#546E7A

#785F54

Triadic

Three evenly spaced colors

#546E7A

#78546D

#6D7854

CSS Usage Examples

Background

background-color: #546E7A;

Text

color: #546E7A;

Border

border: 2px solid #546E7A;

Shadow

box-shadow: 0 4px 6px #546E7A40;

Related Colors

Discover harmonious color variations

Complementary

#7A6054

Opposite on color wheel

Lighter

#87A1AD

+20% lightness

Darker

#2A383E

-20% lightness

Analogous -30°

#547A73

Adjacent color

Analogous +30°

#545B7A

Adjacent color