#684661

#684661

Color Values

HEX

#684661

RGB

104, 70, 97

HSL

312.4, 19.5%, 34.1%

HSV

312.4, 32.7%, 40.8%

CMYK

0.0%, 32.7%, 6.7%, 59.2%

OKLCH

0.4418 0.0614 334.2

Properties

Warm Dark Nearest: Eggplant

Color Harmonies

Complementary

#684661

#46684D

Analogous

#5E4668

#684650

#684661

Triadic

#684661

#616846

#466168

Split Complementary

#684661

#506846

#46685E

Tetradic

#684661

#685E46

#46684D

#465068

Color Blindness Simulation

Original

#684661

Protanopia

#59595A

Deuteranopia

#5B5E59

Tritanopia

#665554

Achromatopsia

#4F4F4F

CSS Usage

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

Tailwind Shades

50
#F9F6F8
100
#F0EAEF
200
#E2D4DF
300
#CEB6C9
400
#B38EAB
500
#98678E
600
#7A5272
700
#62425B
800
#4C3347
900
#392835
950
#241922

Contrast Checker

Text on white

7.96:1

AA Pass AAA Pass

Text on black

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