#685661

#685661

Color Values

HEX

#685661

RGB

104, 86, 97

HSL

323.3, 9.5%, 37.3%

HSV

323.3, 17.3%, 40.8%

CMYK

0.0%, 17.3%, 6.7%, 59.2%

OKLCH

0.4748 0.0289 341.0

Properties

Warm Dark Nearest: Eggplant

Color Harmonies

Complementary

#685661

#56685D

Analogous

#665668

#685658

#685661

Triadic

#685661

#616856

#566168

Split Complementary

#685661

#586856

#566866

Tetradic

#685661

#686656

#56685D

#565868

Color Blindness Simulation

Original

#685661

Protanopia

#60605E

Deuteranopia

#61635E

Tritanopia

#675C5C

Achromatopsia

#5B5B5B

CSS Usage

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

Tailwind Shades

50
#F8F7F7
100
#EFECED
200
#DFD8DC
300
#C8BCC3
400
#AA98A3
500
#8C7382
600
#705C68
700
#594A53
800
#463A41
900
#352C31
950
#211C1F

Contrast Checker

Text on white

6.79:1

AA Pass AAA Fail

Text on black

3.09:1

AA Fail AAA Fail

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026