#685E5A Color

Color Information

HEX#685E5A
RGB104, 94, 90
HSL17° , 7% , 38%
HSV17° , 13% , 41%
CMYK0%, 10%, 13%, 59%

Lighter Shades

#7A716E #8C8582 #9E9895 #B0ABA9 #C3BFBD #D5D2D1

Darker Shades

#5C534F #4F4744 #433C3A #36312F #2A2624 #1D1A19

Complementary Palette

#59514D #685E5A #4D5659 #5A6468 #717A7D #7D7571

Analogous Palette

#674C52 #6F5259 #625855 #685E5A #6F6952 #7E765D

Triadic Palette

#5C534F #685E5A #50715A #65826E #5A5071 #4F4663

Split Complementary Palette

#5E5551 #685E5A #5A6865 #6B7774 #5A5D68 #51545E

Square Palette

#574F4C #685E5A #596F52 #52676F #655A68 #7E7480

Tetradic Palette

#554D4A #685E5A #6B7949 #5A6468 #564979 #746A91

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #685E5A contains 104 red, 94 green, and 90 blue.

Contrast Ratio: 6.31:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 3.33:1