#684C39

#684C39

Color Values

HEX

#684C39

RGB

104, 76, 57

HSL

24.3, 29.2%, 31.6%

HSV

24.3, 45.2%, 40.8%

CMYK

0.0%, 26.9%, 45.2%, 59.2%

OKLCH

0.4415 0.0482 55.3

Properties

Warm Dark Nearest: RAL 8025 Pale Brown

Color Harmonies

Complementary

#684C39

#395568

Analogous

#68393E

#686439

#684C39

Triadic

#684C39

#39684C

#4C3968

Split Complementary

#684C39

#396864

#393E68

Tetradic

#684C39

#3E6839

#395568

#643968

Color Blindness Simulation

Original

#684C39

Protanopia

#5C5C3E

Deuteranopia

#5E603F

Tritanopia

#674142

Achromatopsia

#515151

CSS Usage

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

Tailwind Shades

50
#F9F7F5
100
#F2ECE9
200
#E6D9D1
300
#D4BEB0
400
#BC9B85
500
#A5785A
600
#846048
700
#694D3A
800
#523C2D
900
#3D2E24
950
#271D17

Contrast Checker

Text on white

7.83:1

AA Pass AAA Pass

Text on black

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