#684D67

#684D67

Color Values

HEX

#684D67

RGB

104, 77, 103

HSL

302.2, 14.9%, 35.5%

HSV

302.2, 26.0%, 40.8%

CMYK

0.0%, 26.0%, 1.0%, 59.2%

OKLCH

0.4583 0.0535 327.6

Properties

Warm Dark Nearest: Eggplant

Color Harmonies

Complementary

#684D67

#4D684E

Analogous

#5C4D68

#684D5A

#684D67

Triadic

#684D67

#67684D

#4D6768

Split Complementary

#684D67

#5A684D

#4D685C

Tetradic

#684D67

#685C4D

#4D684E

#4D5A68

Color Blindness Simulation

Original

#684D67

Protanopia

#5C5C61

Deuteranopia

#5E605F

Tritanopia

#675C5B

Achromatopsia

#555555

CSS Usage

background-color: #684D67;
color: #684D67;
border-color: #684D67;
Nearest Tailwind: Zinc 600 #52525B

Tailwind Shades

50
#F8F6F8
100
#EFEBEF
200
#E1D6E0
300
#CBB9CA
400
#AF93AE
500
#926D91
600
#755774
700
#5E455D
800
#493649
900
#372A36
950
#231A22

Contrast Checker

Text on white

7.38:1

AA Pass AAA Pass

Text on black

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