#685A52 Color

Color Information

HEX#685A52
RGB104, 90, 82
HSL22° , 12% , 36%
HSV22° , 21% , 41%
CMYK0%, 13%, 21%, 59%

Lighter Shades

#7A6E67 #8C827C #9E9590 #B0A9A5 #C3BDBA #D5D1CF

Darker Shades

#5C4F48 #4F443E #433A34 #362F2B #2A2421 #1D1917

Complementary Palette

#594D47 #685A52 #465259 #515F67 #69757C #7D716A

Analogous Palette

#61484A #6A4E52 #62554D #685A52 #6A664E #787459

Triadic Palette

#5C4F48 #685A52 #487056 #5E816A #564870 #4C3F63

Split Complementary Palette

#5E514A #685A52 #516764 #627674 #515467 #494C5D

Square Palette

#574C45 #685A52 #526A4E #4E5F6A #645167 #7D6D7F

Tetradic Palette

#554A43 #685A52 #637740 #515F67 #544077 #73628F

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #685A52 contains 104 red, 90 green, and 82 blue.

Contrast Ratio: 6.65:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 3.16:1