#680C98

#680C98

Color Values

HEX

#680C98

RGB

104, 12, 152

HSL

279.4, 85.4%, 32.2%

HSV

279.4, 92.1%, 59.6%

CMYK

31.6%, 92.1%, 0.0%, 40.4%

OKLCH

0.4064 0.1984 308.6

Properties

Cool Dark Nearest: indigo

Color Harmonies

Complementary

#680C98

#3C980C

Analogous

#220C98

#980C82

#680C98

Triadic

#680C98

#98680C

#0C9868

Split Complementary

#680C98

#82980C

#0C9822

Tetradic

#680C98

#98220C

#3C980C

#0C8298

Color Blindness Simulation

Original

#680C98

Protanopia

#403F76

Deuteranopia

#464C6E

Tritanopia

#635B56

Achromatopsia

#2A2A2A

CSS Usage

background-color: #680C98;
color: #680C98;
border-color: #680C98;
Nearest Tailwind: Purple 800 #6B21A8

Tailwind Shades

50
#F9F2FD
100
#F1E0FA
200
#E5BDFA
300
#D28EF6
400
#BA50F1
500
#A213EC
600
#810FBD
700
#670C97
800
#510976
900
#3C0B56
950
#260736

Contrast Checker

Text on white

10.03:1

AA Pass AAA Pass

Text on black

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