#684D7F

#684D7F

Color Values

HEX

#684D7F

RGB

104, 77, 127

HSL

272.4, 24.5%, 40.0%

HSV

272.4, 39.4%, 49.8%

CMYK

18.1%, 39.4%, 0.0%, 50.2%

OKLCH

0.4695 0.0845 308.2

Properties

Cool Dark Nearest: RAL 4005 Blue Lilac

Color Harmonies

Complementary

#684D7F

#647F4D

Analogous

#4F4D7F

#7F4D7D

#684D7F

Triadic

#684D7F

#7F684D

#4D7F68

Split Complementary

#684D7F

#7D7F4D

#4D7F4F

Tetradic

#684D7F

#7F4F4D

#647F4D

#4D7D7F

Color Blindness Simulation

Original

#684D7F

Protanopia

#5C5C73

Deuteranopia

#5E6070

Tritanopia

#676967

Achromatopsia

#565656

CSS Usage

background-color: #684D7F;
color: #684D7F;
border-color: #684D7F;
Nearest Tailwind: Blue 950 #172554

Tailwind Shades

50
#F7F6F9
100
#EDE9F1
200
#DCD3E4
300
#C3B3D1
400
#A28AB8
500
#82609F
600
#684D7F
700
#533E66
800
#41304F
900
#31263B
950
#1F1825

Contrast Checker

Text on white

7.1:1

AA Pass AAA Pass

Text on black

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