#5A4522

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

#5A4522

RGB

rgb(90, 69, 34)

RGBA

rgba(90, 69, 34, 1)

HSL

hsl(37.5, 45.16%, 24.31%)

HSLA

hsla(37, 45%, 24%, 1)

CMYK

cmyk(0%, 23%, 62%, 65%)

Color Palettes

Harmonious color combinations based on #5A4522

Monochromatic

Shades and tints of the same hue

#251C0E

#6F552A

#B98D46

#D5BB90

#F1E8DA

Analogous

Adjacent colors on the color wheel

#592237

#592822

#5A4522

#525922

#375922

Complementary

Opposite color for maximum contrast

#5A4522

#223759

Triadic

Three evenly spaced colors

#5A4522

#225944

#442259

CSS Usage Examples

Background

background-color: #5A4522;

Text

color: #5A4522;

Border

border: 2px solid #5A4522;

Shadow

box-shadow: 0 4px 6px #5A452240;

Related Colors

Discover harmonious color variations

Complementary

#22375A

Opposite on color wheel

Lighter

#A47E3E

+20% lightness

Darker

#100C06

-20% lightness

Analogous -30°

#5A2922

Adjacent color

Analogous +30°

#535A22

Adjacent color