#685F77 Color

Color Information

HEX	#685F77
RGB	104, 95, 119
HSL	263° , 11% , 42%
HSV	263° , 20% , 47%
CMYK	13%, 20%, 0%, 53%

Lighter Shades

#7A7287 #8C8598 #9E99A8 #B0ACB8 #C3BFC9 #D5D2D9

Darker Shades

#5C5469 #4F485A #433D4C #36313E #2A2630 #1D1B21

Complementary Palette

#595266 #685F77 #5F6652 #6E775F #828A75 #7D758A

Analogous Palette

#52566F #5B5F7B #625970 #685F77 #775B7B #85668A

Triadic Palette

#5C5469 #685F77 #826655 #917869 #558266 #4B725A

Split Complementary Palette

#5E566B #685F77 #77745F #85826F #62775F #586B56

Square Palette

#575064 #685F77 #7B5B5F #6F7B5B #5F7774 #798D8A

Tetradic Palette

#554E62 #685F77 #8A4C72 #6E775F #4C8A64 #6C9F80

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #685F77 contains 104 red, 95 green, and 119 blue.

Contrast Ratio: 6.02:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 3.49:1