#684F5C

#684F5C

Color Values

HEX

#684F5C

RGB

104, 79, 92

HSL

328.8, 13.7%, 35.9%

HSV

328.8, 24.0%, 40.8%

CMYK

0.0%, 24.0%, 11.5%, 59.2%

OKLCH

0.4581 0.0387 346.2

Properties

Warm Dark Nearest: Eggplant

Color Harmonies

Complementary

#684F5C

#4F685B

Analogous

#684F68

#684F50

#684F5C

Triadic

#684F5C

#5C684F

#4F5C68

Split Complementary

#684F5C

#50684F

#4F6868

Tetradic

#684F5C

#68684F

#4F685B

#4F5068

Color Blindness Simulation

Original

#684F5C

Protanopia

#5D5D59

Deuteranopia

#5F6058

Tritanopia

#675656

Achromatopsia

#555555

CSS Usage

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

Tailwind Shades

50
#F8F6F7
100
#EFEBED
200
#E0D6DB
300
#CAB9C2
400
#AE94A1
500
#916E80
600
#745867
700
#5D4652
800
#483740
900
#362A31
950
#221B1F

Contrast Checker

Text on white

7.34:1

AA Pass AAA Pass

Text on black

2.86:1

AA Fail AAA Fail

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026