#684D43

#684D43

Color Values

HEX

#684D43

RGB

104, 77, 67

HSL

16.2, 21.6%, 33.5%

HSV

16.2, 35.6%, 40.8%

CMYK

0.0%, 26.0%, 35.6%, 59.2%

OKLCH

0.4461 0.0402 41.2

Properties

Warm Dark Nearest: RAL 8025 Pale Brown

Color Harmonies

Complementary

#684D43

#435E68

Analogous

#68434B

#685F43

#684D43

Triadic

#684D43

#43684D

#4D4368

Split Complementary

#684D43

#43685F

#434B68

Tetradic

#684D43

#4B6843

#435E68

#5F4368

Color Blindness Simulation

Original

#684D43

Protanopia

#5C5C45

Deuteranopia

#5E6046

Tritanopia

#674748

Achromatopsia

#525252

CSS Usage

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

Tailwind Shades

50
#F9F7F6
100
#F0ECEA
200
#E3D8D4
300
#CFBCB5
400
#B5978C
500
#9B7364
600
#7C5C50
700
#634940
800
#4E3932
900
#3A2C27
950
#251C19

Contrast Checker

Text on white

7.69:1

AA Pass AAA Pass

Text on black

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