#685347

#685347

Color Values

HEX

#685347

RGB

104, 83, 71

HSL

21.8, 18.9%, 34.3%

HSV

21.8, 31.7%, 40.8%

CMYK

0.0%, 20.2%, 31.7%, 59.2%

OKLCH

0.4602 0.0339 51.3

Properties

Warm Dark Nearest: RAL 1035 Pearl Beige

Color Harmonies

Complementary

#685347

#475C68

Analogous

#68474B

#686347

#685347

Triadic

#685347

#476853

#534768

Split Complementary

#685347

#476863

#474B68

Tetradic

#685347

#4B6847

#475C68

#634768

Color Blindness Simulation

Original

#685347

Protanopia

#5F5F4A

Deuteranopia

#60624B

Tritanopia

#674C4D

Achromatopsia

#575757

CSS Usage

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

Tailwind Shades

50
#F9F7F6
100
#F0ECEA
200
#E2D9D5
300
#CDBFB6
400
#B29C8F
500
#987967
600
#796153
700
#614D42
800
#4C3C34
900
#392E28
950
#241D19

Contrast Checker

Text on white

7.2:1

AA Pass AAA Pass

Text on black

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