#685A63

#685A63

Color Values

HEX

#685A63

RGB

104, 90, 99

HSL

321.4, 7.2%, 38.0%

HSV

321.4, 13.5%, 40.8%

CMYK

0.0%, 13.5%, 4.8%, 59.2%

OKLCH

0.4842 0.0228 339.3

Properties

Warm Dark Nearest: RAL 4012 Pearl Blackberry

Color Harmonies

Complementary

#685A63

#5A685F

Analogous

#665A68

#685A5C

#685A63

Triadic

#685A63

#63685A

#5A6368

Split Complementary

#685A63

#5C685A

#5A6866

Tetradic

#685A63

#68665A

#5A685F

#5A5C68

Color Blindness Simulation

Original

#685A63

Protanopia

#626261

Deuteranopia

#636460

Tritanopia

#675F5F

Achromatopsia

#5E5E5E

CSS Usage

background-color: #685A63;
color: #685A63;
border-color: #685A63;
Nearest Tailwind: Zinc 600 #52525B

Tailwind Shades

50
#F8F7F7
100
#EEECED
200
#DED9DC
300
#C6BDC3
400
#A79AA3
500
#897682
600
#6D5F68
700
#574C53
800
#443B41
900
#342D31
950
#211D1F

Contrast Checker

Text on white

6.5:1

AA Pass AAA Fail

Text on black

3.23:1

AA Fail AAA Fail

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

Feb 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

Feb 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

Feb 20, 2026