#684B6B

#684B6B

Color Values

HEX

#684B6B

RGB

104, 75, 107

HSL

294.4, 17.6%, 35.7%

HSV

294.4, 29.9%, 42.0%

CMYK

2.8%, 29.9%, 0.0%, 58.0%

OKLCH

0.456 0.0623 323.4

Properties

Cool Dark Nearest: RAL 4005 Blue Lilac

Color Harmonies

Complementary

#684B6B

#4E6B4B

Analogous

#584B6B

#6B4B5E

#684B6B

Triadic

#684B6B

#6B684B

#4B6B68

Split Complementary

#684B6B

#5E6B4B

#4B6B58

Tetradic

#684B6B

#6B584B

#4E6B4B

#4B5E6B

Color Blindness Simulation

Original

#684B6B

Protanopia

#5B5B63

Deuteranopia

#5D5F61

Tritanopia

#675D5C

Achromatopsia

#535353

CSS Usage

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

Tailwind Shades

50
#F8F6F8
100
#EFEAF0
200
#E0D5E2
300
#CBB7CD
400
#AE90B1
500
#926996
600
#755478
700
#5D4360
800
#49354B
900
#372938
950
#231A23

Contrast Checker

Text on white

7.48:1

AA Pass AAA Pass

Text on black

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