#685755

#685755

Color Values

HEX

#685755

RGB

104, 87, 85

HSL

6.3, 10.1%, 37.1%

HSV

6.3, 18.3%, 40.8%

CMYK

0.0%, 16.3%, 18.3%, 59.2%

OKLCH

0.473 0.0227 25.9

Properties

Warm Dark Nearest: RAL 1035 Pearl Beige

Color Harmonies

Complementary

#685755

#556668

Analogous

#68555D

#686155

#685755

Triadic

#685755

#556857

#575568

Split Complementary

#685755

#556861

#555D68

Tetradic

#685755

#5D6855

#556668

#615568

Color Blindness Simulation

Original

#685755

Protanopia

#616055

Deuteranopia

#626356

Tritanopia

#675656

Achromatopsia

#5A5A5A

CSS Usage

background-color: #685755;
color: #685755;
border-color: #685755;
Nearest Tailwind: Stone 600 #57534E

Tailwind Shades

50
#F8F7F7
100
#EFECEC
200
#DFD8D8
300
#C8BDBC
400
#AA9997
500
#8C7573
600
#705E5C
700
#5A4B49
800
#463B39
900
#352D2C
950
#211C1C

Contrast Checker

Text on white

6.81:1

AA Pass AAA Fail

Text on black

3.08: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