#685A4B Color

Color Information

HEX#685A4B
RGB104, 90, 75
HSL31° , 16% , 35%
HSV31° , 28% , 41%
CMYK0%, 13%, 28%, 59%

Lighter Shades

#7A6E61 #8C8276 #9E958C #B0A9A1 #C3BDB7 #D5D1CD

Darker Shades

#5C4F42 #4F4439 #433A30 #362F27 #2A241E #1D1915

Complementary Palette

#594D41 #685A4B #414D59 #4B5968 #64707D #7D7164

Analogous Palette

#5E4545 #674C4C #625547 #685A4B #66674C #747557

Triadic Palette

#5C4F42 #685A4B #42705A #59816E #5A4270 #4F3A63

Split Complementary Palette

#5E5144 #685A4B #4B6768 #5D7677 #4B4B68 #44445E

Square Palette

#574C3F #685A4B #4C674C #4C5967 #684B67 #80687F

Tetradic Palette

#554A3E #685A4B #58783B #4B5968 #5A3B78 #785E90

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #685A4B contains 104 red, 90 green, and 75 blue.

Contrast Ratio: 6.7:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 3.14:1