#685461

#685461

Color Values

HEX

#685461

RGB

104, 84, 97

HSL

321.0, 10.6%, 36.9%

HSV

321.0, 19.2%, 40.8%

CMYK

0.0%, 19.2%, 6.7%, 59.2%

OKLCH

0.4705 0.0329 339.4

Properties

Warm Dark Nearest: Eggplant

Color Harmonies

Complementary

#685461

#54685B

Analogous

#655468

#685457

#685461

Triadic

#685461

#616854

#546168

Split Complementary

#685461

#576854

#546865

Tetradic

#685461

#686554

#54685B

#545768

Color Blindness Simulation

Original

#685461

Protanopia

#5F5F5E

Deuteranopia

#60625D

Tritanopia

#675B5B

Achromatopsia

#595959

CSS Usage

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

Tailwind Shades

50
#F8F7F8
100
#EFECEE
200
#DFD8DC
300
#C8BBC4
400
#AB97A4
500
#8D7284
600
#715B69
700
#5A4954
800
#473942
900
#352C32
950
#221C1F

Contrast Checker

Text on white

6.93:1

AA Pass AAA Fail

Text on black

3.03:1

AA Fail AAA Fail

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026