#684F51

#684F51

Color Values

HEX

#684F51

RGB

104, 79, 81

HSL

355.2, 13.7%, 35.9%

HSV

355.2, 24.0%, 40.8%

CMYK

0.0%, 24.0%, 22.1%, 59.2%

OKLCH

0.4544 0.0338 13.1

Properties

Warm Dark Nearest: Eggplant

Color Harmonies

Complementary

#684F51

#4F6866

Analogous

#684F5E

#685A4F

#684F51

Triadic

#684F51

#51684F

#4F5168

Split Complementary

#684F51

#4F685A

#4F5E68

Tetradic

#684F51

#5E684F

#4F6866

#5A4F68

Color Blindness Simulation

Original

#684F51

Protanopia

#5D5D51

Deuteranopia

#5F6050

Tritanopia

#675050

Achromatopsia

#545454

CSS Usage

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

Tailwind Shades

50
#F8F6F7
100
#EFEBEB
200
#E0D6D7
300
#CAB9BB
400
#AE9496
500
#916E71
600
#74585A
700
#5D4648
800
#483738
900
#362A2B
950
#221B1B

Contrast Checker

Text on white

7.43:1

AA Pass AAA Pass

Text on black

2.83:1

AA Fail AAA Fail

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

Feb 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

Feb 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

Feb 20, 2026