#684825

#684825

Color Values

HEX

#684825

RGB

104, 72, 37

HSL

31.3, 47.5%, 27.6%

HSV

31.3, 64.4%, 40.8%

CMYK

0.0%, 30.8%, 64.4%, 59.2%

OKLCH

0.4292 0.0664 66.9

Properties

Warm Dark Nearest: RAL 8008 Olive Brown

Color Harmonies

Complementary

#684825

#254568

Analogous

#682625

#666825

#684825

Triadic

#684825

#256848

#482568

Split Complementary

#684825

#256668

#262568

Tetradic

#684825

#256826

#254568

#682566

Color Blindness Simulation

Original

#684825

Protanopia

#5A5A2D

Deuteranopia

#5C5E30

Tritanopia

#663436

Achromatopsia

#4C4C4C

CSS Usage

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

Tailwind Shades

50
#FAF7F4
100
#F4EDE6
200
#ECDCCA
300
#DFC3A5
400
#CDA374
500
#BC8243
600
#966836
700
#78532B
800
#5E4121
900
#45311C
950
#2C1F12

Contrast Checker

Text on white

8.26:1

AA Pass AAA Pass

Text on black

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