#684A29

#684A29

Color Values

HEX

#684A29

RGB

104, 74, 41

HSL

31.4, 43.4%, 28.4%

HSV

31.4, 60.6%, 40.8%

CMYK

0.0%, 28.8%, 60.6%, 59.2%

OKLCH

0.4341 0.0629 67.5

Properties

Warm Dark Nearest: RAL 8008 Olive Brown

Color Harmonies

Complementary

#684A29

#294768

Analogous

#682A29

#666829

#684A29

Triadic

#684A29

#29684A

#4A2968

Split Complementary

#684A29

#296668

#2A2968

Tetradic

#684A29

#29682A

#294768

#682966

Color Blindness Simulation

Original

#684A29

Protanopia

#5B5B31

Deuteranopia

#5D5F33

Tritanopia

#663739

Achromatopsia

#4E4E4E

CSS Usage

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

Tailwind Shades

50
#FAF7F5
100
#F4EDE7
200
#EBDCCC
300
#DCC3A7
400
#CAA378
500
#B78248
600
#92683A
700
#75532E
800
#5B4124
900
#43311E
950
#2B1F13

Contrast Checker

Text on white

8.08:1

AA Pass AAA Pass

Text on black

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