#685F48 Color

Color Information

HEX#685F48
RGB104, 95, 72
HSL43° , 18% , 35%
HSV43° , 31% , 41%
CMYK0%, 9%, 31%, 59%

Lighter Shades

#7A725E #8C8574 #9E998A #B0ACA0 #C3BFB6 #D5D2CC

Darker Shades

#5C543F #4F4837 #433D2E #363125 #2A261D #1D1B14

Complementary Palette

#59523E #685F48 #3F475A #495269 #626A7E #7D7562

Analogous Palette

#5E4B45 #67524C #625944 #685F48 #61674C #6F7557

Triadic Palette

#5C543F #685F48 #407264 #578377 #644072 #583864

Split Complementary Palette

#5E5641 #685F48 #496269 #5B7278 #504969 #48425F

Square Palette

#57503C #685F48 #4C6752 #4C5367 #694962 #81667B

Tetradic Palette

#554E3B #685F48 #4B7939 #495269 #673979 #825D91

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #685F48 contains 104 red, 95 green, and 72 blue.

Contrast Ratio: 6.34:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 3.31:1