#685C20

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

#685C20

RGB

rgb(104, 92, 32)

RGBA

rgba(104, 92, 32, 1)

HSL

hsl(50, 52.94%, 26.67%)

HSLA

hsla(50, 53%, 27%, 1)

CMYK

cmyk(0%, 12%, 69%, 59%)

Color Palettes

Harmonious color combinations based on #685C20

Monochromatic

Shades and tints of the same hue

#27230C

#756824

#C3AD3C

#DBCE8A

#F3EFD8

Analogous

Adjacent colors on the color wheel

#69202D

#693920

#685C20

#516920

#2D6920

Complementary

Opposite color for maximum contrast

#685C20

#202D69

Triadic

Three evenly spaced colors

#685C20

#20695D

#5D2069

CSS Usage Examples

Background

background-color: #685C20;

Text

color: #685C20;

Border

border: 2px solid #685C20;

Shadow

box-shadow: 0 4px 6px #685C2040;

Related Colors

Discover harmonious color variations

Complementary

#202C68

Opposite on color wheel

Lighter

#B6A138

+20% lightness

Darker

#1A1708

-20% lightness

Analogous -30°

#683820

Adjacent color

Analogous +30°

#506820

Adjacent color