#684D80

#684D80

Color Values

HEX

#684D80

RGB

104, 77, 128

HSL

271.8, 24.9%, 40.2%

HSV

271.8, 39.8%, 50.2%

CMYK

18.8%, 39.8%, 0.0%, 49.8%

OKLCH

0.47 0.0858 307.7

Properties

Cool Dark Nearest: RAL 4005 Blue Lilac

Color Harmonies

Complementary

#684D80

#65804D

Analogous

#4F4D80

#804D7F

#684D80

Triadic

#684D80

#80684D

#4D8068

Split Complementary

#684D80

#7F804D

#4D804F

Tetradic

#684D80

#804F4D

#65804D

#4D7F80

Color Blindness Simulation

Original

#684D80

Protanopia

#5C5C74

Deuteranopia

#5E6071

Tritanopia

#676A68

Achromatopsia

#565656

CSS Usage

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

Tailwind Shades

50
#F7F6F9
100
#EDE9F1
200
#DCD2E4
300
#C3B3D1
400
#A289B8
500
#81609F
600
#684D7F
700
#533D66
800
#413050
900
#31263B
950
#1F1825

Contrast Checker

Text on white

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