#680C97

#680C97

Color Values

HEX

#680C97

RGB

104, 12, 151

HSL

279,7, 85,3%, 32,0%

HSV

279,7, 92,1%, 59,2%

CMYK

31,1%, 92,1%, 0,0%, 40,8%

OKLCH

0,4055 0,1975 309,0

Properties

Cool Dark Nearest: indigo

Color Harmonies

Complementary

#680C97

#3B970C

Analogous

#230C97

#970C81

#680C97

Triadic

#680C97

#97680C

#0C9768

Split Complementary

#680C97

#81970C

#0C9723

Tetradic

#680C97

#97230C

#3B970C

#0C8197

Color Blindness Simulation

Original

#680C97

Protanopia

#403F75

Deuteranopia

#464C6D

Tritanopia

#635B55

Achromatopsia

#2A2A2A

CSS Usage

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

Tailwind Shades

50
#F9F2FD
100
#F1E0FA
200
#E5BDFA
300
#D38EF6
400
#BB50F1
500
#A313EC
600
#820FBD
700
#680C97
800
#510976
900
#3C0B56
950
#260736

Contrast Checker

Text on white

10,06:1

AA Pass AAA Pass

Text on black

2,09:1

AA Fail AAA Fail

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026