#684251

#684251

Color Values

HEX

#684251

RGB

104, 66, 81

HSL

336.3, 22.4%, 33.3%

HSV

336.3, 36.5%, 40.8%

CMYK

0.0%, 36.5%, 22.1%, 59.2%

OKLCH

0.4278 0.0567 354.5

Properties

Warm Dark Nearest: Eggplant

Color Harmonies

Complementary

#684251

#426859

Analogous

#684264

#684642

#684251

Triadic

#684251

#516842

#425168

Split Complementary

#684251

#426846

#426468

Tetradic

#684251

#646842

#426859

#464268

Color Blindness Simulation

Original

#684251

Protanopia

#58574D

Deuteranopia

#5A5D4C

Tritanopia

#664B4A

Achromatopsia

#4B4B4B

CSS Usage

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

Tailwind Shades

50
#F9F6F7
100
#F1EAEC
200
#E3D3DA
300
#D0B4BF
400
#B68C9C
500
#9C637A
600
#7D4F61
700
#643F4E
800
#4E313D
900
#3A272E
950
#25181D

Contrast Checker

Text on white

8.44:1

AA Pass AAA Pass

Text on black

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