#685747

#685747

Color Values

HEX

#685747

RGB

104, 87, 71

HSL

29.1, 18.9%, 34.3%

HSV

29.1, 31.7%, 40.8%

CMYK

0.0%, 16.3%, 31.7%, 59.2%

OKLCH

0.4691 0.0334 65.1

Properties

Warm Dark Nearest: RAL 1035 Pearl Beige

Color Harmonies

Complementary

#685747

#475868

Analogous

#684747

#686747

#685747

Triadic

#685747

#476857

#574768

Split Complementary

#685747

#476867

#474768

Tetradic

#685747

#476847

#475868

#674768

Color Blindness Simulation

Original

#685747

Protanopia

#61604B

Deuteranopia

#62634C

Tritanopia

#674E4F

Achromatopsia

#595959

CSS Usage

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

Tailwind Shades

50
#F9F7F6
100
#F0EDEA
200
#E2DBD5
300
#CDC1B6
400
#B2A08F
500
#987F67
600
#796553
700
#615142
800
#4C3F34
900
#393028
950
#241E19

Contrast Checker

Text on white

6.9:1

AA Pass AAA Fail

Text on black

3.04:1

AA Fail AAA Fail

Related Articles

Brand Stories

Pantone Colors by Decade: The 2000s, 2010s, and 2020s Compared

Feb 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026