#684884

#684884

Color Values

HEX

#684884

RGB

104, 72, 132

HSL

272.0, 29.4%, 40.0%

HSV

272.0, 45.5%, 51.8%

CMYK

21.2%, 45.5%, 0.0%, 48.2%

OKLCH

0.4628 0.1005 307.5

Properties

Cool Dark Nearest: mediumpurple 4

Color Harmonies

Complementary

#684884

#648448

Analogous

#4A4884

#844882

#684884

Triadic

#684884

#846848

#488468

Split Complementary

#684884

#828448

#48844A

Tetradic

#684884

#844A48

#648448

#488284

Color Blindness Simulation

Original

#684884

Protanopia

#5A5A75

Deuteranopia

#5C5E72

Tritanopia

#666A68

Achromatopsia

#535353

CSS Usage

background-color: #684884;
color: #684884;
border-color: #684884;
Nearest Tailwind: Indigo 900 #312E81

Tailwind Shades

50
#F7F5F9
100
#EDE9F2
200
#DCD1E6
300
#C3B0D4
400
#A285BC
500
#825AA5
600
#684884
700
#533A6A
800
#412D52
900
#31243D
950
#1F1727

Contrast Checker

Text on white

7.37:1

AA Pass AAA Pass

Text on black

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