#685A60 Color

Color Information

HEX#685A60
RGB104, 90, 96
HSL334° , 7% , 38%
HSV334° , 13% , 41%
CMYK0%, 13%, 8%, 59%

Lighter Shades

#7A6E73 #8C8286 #9E9599 #B0A9AC #C3BDBF #D5D1D2

Darker Shades

#5C4F54 #4F4449 #433A3D #362F32 #2A2426 #1D191B

Complementary Palette

#594D53 #685A60 #4D5954 #5A6862 #717D78 #7D7176

Analogous Palette

#674C64 #6F526D #62555A #685A60 #6F5452 #7E605D

Triadic Palette

#5C4F54 #685A60 #5F7150 #728265 #505F71 #465463

Split Complementary Palette

#5E5156 #685A60 #5A685B #6B776B #5A6768 #515D5E

Square Palette

#574C51 #685A60 #6D6F52 #526F63 #5B5A68 #757480

Tetradic Palette

#554A4F #685A60 #796449 #5A6862 #495E79 #6A7B91

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #685A60 contains 104 red, 90 green, and 96 blue.

Contrast Ratio: 6.55:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 3.21:1