#684831

#684831

Color Values

HEX

#684831

RGB

104, 72, 49

HSL

25.1, 35.9%, 30.0%

HSV

25.1, 52.9%, 40.8%

CMYK

0.0%, 30.8%, 52.9%, 59.2%

OKLCH

0.4312 0.0563 56.3

Properties

Warm Dark Nearest: RAL 1036 Pearl Gold

Color Harmonies

Complementary

#684831

#315168

Analogous

#683136

#686331

#684831

Triadic

#684831

#316848

#483168

Split Complementary

#684831

#316863

#313668

Tetradic

#684831

#366831

#315168

#633168

Color Blindness Simulation

Original

#684831

Protanopia

#5A5A37

Deuteranopia

#5C5E38

Tritanopia

#663B3C

Achromatopsia

#4D4D4D

CSS Usage

background-color: #684831;
color: #684831;
border-color: #684831;
Nearest Tailwind: Yellow 900 #713F12

Tailwind Shades

50
#FAF7F5
100
#F3ECE8
200
#E8D9CE
300
#D8BEAC
400
#C39B7F
500
#AD7852
600
#8B6041
700
#6F4D34
800
#573C29
900
#402E21
950
#281D15

Contrast Checker

Text on white

8.2:1

AA Pass AAA Pass

Text on black

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