#684FF2

#684FF2

Color Values

HEX

#684FF2

RGB

104, 79, 242

HSL

249.2, 86.2%, 62.9%

HSV

249.2, 67.4%, 94.9%

CMYK

57.0%, 67.4%, 0.0%, 5.1%

OKLCH

0.5534 0.2315 282.8

Properties

Cool Dark Nearest: slateblue 1

Color Harmonies

Complementary

#684FF2

#D9F24F

Analogous

#4F87F2

#B94FF2

#684FF2

Triadic

#684FF2

#F2684F

#4FF268

Split Complementary

#684FF2

#F2B94F

#87F24F

Tetradic

#684FF2

#F24F87

#D9F24F

#4FF2B9

Color Blindness Simulation

Original

#684FF2

Protanopia

#5D5DCB

Deuteranopia

#5F60C1

Tritanopia

#67ABA5

Achromatopsia

#606060

CSS Usage

background-color: #684FF2;
color: #684FF2;
border-color: #684FF2;
Nearest Tailwind: Indigo 600 #4F46E5

Tailwind Shades

50
#F3F2FD
100
#E4E0FA
200
#C6BDFA
300
#9D8DF7
400
#684FF2
500
#3312ED
600
#290EBE
700
#210B98
800
#1A0977
900
#160B56
950
#0E0736

Contrast Checker

Text on white

5.26:1

AA Pass AAA Fail

Text on black

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