#685E6D

#685E6D

Color Values

HEX

#685E6D

RGB

104, 94, 109

HSL

280.0, 7.4%, 39.8%

HSV

280.0, 13.8%, 42.7%

CMYK

4.6%, 13.8%, 0.0%, 57.3%

OKLCH

0.4967 0.0265 314.6

Properties

Cool Dark Nearest: RAL 4012 Pearl Blackberry

Color Harmonies

Complementary

#685E6D

#636D5E

Analogous

#605E6D

#6D5E6A

#685E6D

Triadic

#685E6D

#6D685E

#5E6D68

Split Complementary

#685E6D

#6A6D5E

#5E6D60

Tetradic

#685E6D

#6D605E

#636D5E

#5E6A6D

Color Blindness Simulation

Original

#685E6D

Protanopia

#646469

Deuteranopia

#646568

Tritanopia

#686766

Achromatopsia

#616161

CSS Usage

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

Tailwind Shades

50
#F8F7F8
100
#EEECEE
200
#DCD9DE
300
#C3BDC6
400
#A39AA8
500
#837689
600
#695E6E
700
#544C58
800
#413B44
900
#322D34
950
#1F1D21

Contrast Checker

Text on white

6.16:1

AA Pass AAA Fail

Text on black

3.41:1

AA Fail AAA Fail

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026