#685B6B Color

Color Information

HEX#685B6B
RGB104, 91, 107
HSL289° , 8% , 39%
HSV289° , 15% , 42%
CMYK3%, 15%, 0%, 58%

Lighter Shades

#7A6F7D #8C828F #9E96A0 #B0AAB2 #C3BDC4 #D5D1D6

Darker Shades

#5C505E #4F4551 #433A44 #362F38 #2A242B #1D191E

Complementary Palette

#594E5C #685B6B #515C4E #5E6B5B #758072 #7D7280

Analogous Palette

#584E6A #605572 #625665 #685B6B #725569 #815F76

Triadic Palette

#5C505E #685B6B #756F52 #868067 #52756F #486762

Split Complementary Palette

#5E5260 #685B6B #666B5B #757A6B #5B6B61 #526057

Square Palette

#574C5A #685B6B #726055 #5A7255 #5B666B #757E83

Tetradic Palette

#554B58 #685B6B #7D4A53 #5E6B5B #4A7D74 #6B948D

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #685B6B contains 104 red, 91 green, and 107 blue.

Contrast Ratio: 6.39:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 3.29:1