#685F75 Color

Color Information

HEX#685F75
RGB104, 95, 117
HSL265° , 10% , 42%
HSV265° , 19% , 46%
CMYK11%, 19%, 0%, 54%

Lighter Shades

#7A7286 #8C8596 #9E99A7 #B0ACB7 #C3BFC8 #D5D2D8

Darker Shades

#5C5467 #4F4859 #433D4B #36313D #2A262F #1D1B21

Complementary Palette

#595265 #685F75 #5E6553 #6D7660 #818976 #7D7588

Analogous Palette

#555872 #5B5E7B #62596E #685F75 #785B7B #86668A

Triadic Palette

#5C5467 #685F75 #816856 #907A6A #568168 #4C725C

Split Complementary Palette

#5E5669 #685F75 #767460 #848270 #627660 #586A56

Square Palette

#575062 #685F75 #7B5B5E #6E7B5B #607674 #798C8A

Tetradic Palette

#554E60 #685F75 #894D70 #6D7660 #4D8966 #6D9E82

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #685F75 contains 104 red, 95 green, and 117 blue.

Contrast Ratio: 6.03:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 3.48:1