#685A5F Color

Color Information

HEX#685A5F
RGB104, 90, 95
HSL339° , 7% , 38%
HSV339° , 13% , 41%
CMYK0%, 13%, 9%, 59%

Lighter Shades

#7A6E72 #8C8285 #9E9599 #B0A9AC #C3BDBF #D5D1D2

Darker Shades

#5C4F54 #4F4448 #433A3D #362F31 #2A2426 #1D191B

Complementary Palette

#594D52 #685A5F #4D5955 #5A6863 #717D79 #7D7175

Analogous Palette

#674C63 #6F526B #625559 #685A5F #6F5752 #7E625D

Triadic Palette

#5C4F54 #685A5F #5C7150 #708265 #505C71 #465163

Split Complementary Palette

#5E5156 #685A5F #5A685C #6B776C #5A6668 #515C5E

Square Palette

#574C50 #685A5F #6B6F52 #526F65 #5C5A68 #767480

Tetradic Palette

#554A4E #685A5F #796849 #5A6863 #495A79 #6A7891

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #685A5F contains 104 red, 90 green, and 95 blue.

Contrast Ratio: 6.56:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 3.2:1