#685949 Color

Color Information

HEX#685949
RGB104, 89, 73
HSL31° , 18% , 35%
HSV31° , 30% , 41%
CMYK0%, 14%, 30%, 59%

Lighter Shades

#7A6D5F #8C8175 #9E958B #B0A9A0 #C3BDB6 #D5D1CC

Darker Shades

#5C4E40 #4F4437 #43392F #362E26 #2A241D #1D1914

Complementary Palette

#594D3F #685949 #3F4D5A #495969 #62707E #7D7062

Analogous Palette

#5E4645 #674D4C #625445 #685949 #67674C #757557

Triadic Palette

#5C4E40 #685949 #40725B #57836F #5B4072 #503864

Split Complementary Palette

#5E5042 #685949 #496969 #5B7878 #4A4969 #43425F

Square Palette

#574B3D #685949 #4C674D #4C5967 #694969 #816681

Tetradic Palette

#55493C #685949 #597939 #495969 #5B3979 #795D91

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #685949 contains 104 red, 89 green, and 73 blue.

Contrast Ratio: 6.79:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 3.09:1