#685A1D Color

Color Information

HEX#685A1D
RGB104, 90, 29
HSL49° , 56% , 26%
HSV49° , 72% , 41%
CMYK0%, 13%, 72%, 59%

Lighter Shades

#7A6E38 #8C8253 #9E956E #B0A989 #C3BDA5 #D5D1C0

Darker Shades

#5C4F1A #4F4416 #433A13 #362F0F #2A240C #1D1908

Complementary Palette

#594D19 #685A1D #192559 #1D2B67 #3D497C #7D713D

Analogous Palette

#533527 #5A3A2A #62551B #685A1D #4B5A2A #586440

Triadic Palette

#5C4F1A #685A1D #176E5E #337F71 #5E176E #531461

Split Complementary Palette

#5E511A #685A1D #1D5067 #346276 #351D67 #301A5D

Square Palette

#574C18 #685A1D #246137 #242F61 #671D50 #7F416C

Tetradic Palette

#554A18 #685A1D #237311 #1D2B67 #611173 #7D3C8C

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #685A1D contains 104 red, 90 green, and 29 blue.

Contrast Ratio: 6.89:1

Black Background

FAIL

Example Headline (24px)

This shade works well for UI design, branding, typography, and digital projects.

Contrast Ratio: 3.05:1