#684E4F

#684E4F

Color Values

HEX

#684E4F

RGB

104, 78, 79

HSL

357.7, 14.3%, 35.7%

HSV

357.7, 25.0%, 40.8%

CMYK

0.0%, 25.0%, 24.0%, 59.2%

OKLCH

0.4517 0.0352 16.0

Properties

Warm Dark Nearest: Eggplant

Color Harmonies

Complementary

#684E4F

#4E6867

Analogous

#684E5C

#685A4E

#684E4F

Triadic

#684E4F

#4F684E

#4E4F68

Split Complementary

#684E4F

#4E685A

#4E5C68

Tetradic

#684E4F

#5C684E

#4E6867

#5A4E68

Color Blindness Simulation

Original

#684E4F

Protanopia

#5D5D4F

Deuteranopia

#5E604F

Tritanopia

#674F4F

Achromatopsia

#545454

CSS Usage

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

Tailwind Shades

50
#F8F6F6
100
#EFEBEB
200
#E0D6D7
300
#CBB9BA
400
#AE9394
500
#926D6F
600
#755759
700
#5D4647
800
#493737
900
#372A2B
950
#231B1B

Contrast Checker

Text on white

7.52:1

AA Pass AAA Pass

Text on black

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