#685F6F Color

Color Information

HEX#685F6F
RGB104, 95, 111
HSL274° , 8% , 40%
HSV274° , 14% , 44%
CMYK6%, 14%, 0%, 56%

Lighter Shades

#7A7280 #8C8592 #9E99A3 #B0ACB4 #C3BFC5 #D5D2D7

Darker Shades

#5C5462 #4F4854 #433D47 #36313A #2A262C #1D1B1F

Complementary Palette

#59525F #685F6F #575F51 #656E5E #7B8275 #7D7583

Analogous Palette

#52506D #595775 #625968 #685F6F #755773 #846282

Triadic Palette

#5C5462 #685F6F #786854 #887A69 #547868 #4A6A5C

Split Complementary Palette

#5E5664 #685F6F #6D6E5E #7C7D6E #5E6E5F #556356

Square Palette

#57505D #685F6F #755957 #647557 #5E6D6E #788485

Tetradic Palette

#554E5B #685F6F #814B62 #656E5E #4B816A #6B9885

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #685F6F contains 104 red, 95 green, and 111 blue.

Contrast Ratio: 6.08:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 3.45:1