#684A5A Color

Color Information

HEX	#684A5A
RGB	104, 74, 90
HSL	328° , 17% , 35%
HSV	328° , 29% , 41%
CMYK	0%, 29%, 13%, 59%

Lighter Shades

#7A606E #8C7582 #9E8B95 #B0A1A9 #C3B7BD #D5CCD1

Darker Shades

#5C414F #4F3844 #432F3A #36262F #2A1E24 #1D1519

Complementary Palette

#59404D #684A5A #40594C #4A6858 #637D6F #7D6371

Analogous Palette

#5D455E #664C67 #624655 #684A5A #674C4D #755758

Triadic Palette

#5C414F #684A5A #5B7141 #6F8258 #415B71 #395063

Split Complementary Palette

#5E4351 #684A5A #4B684A #5D775C #4A6867 #435E5D

Square Palette

#573E4C #684A5A #67664C #4C6758 #4A4B68 #676880

Tetradic Palette

#553D4A #684A5A #78573A #4A6858 #3A5B78 #5D7990

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #684A5A contains 104 red, 74 green, and 90 blue.

Contrast Ratio: 7.84:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 2.68:1