#680586

#680586

Color Values

HEX

#680586

RGB

104, 5, 134

HSL

286.0, 92.8%, 27.3%

HSV

286.0, 96.3%, 52.5%

CMYK

22.4%, 96.3%, 0.0%, 47.5%

OKLCH

0.3881 0.1869 315.3

Properties

Cool Dark Nearest: darkorchid 4

Color Harmonies

Complementary

#680586

#238605

Analogous

#270586

#860564

#680586

Triadic

#680586

#866805

#058668

Split Complementary

#680586

#648605

#058627

Tetradic

#680586

#862705

#238605

#056486

Color Blindness Simulation

Original

#680586

Protanopia

#3D3C67

Deuteranopia

#434A5F

Tritanopia

#634E49

Achromatopsia

#232323

CSS Usage

background-color: #680586;
color: #680586;
border-color: #680586;
Nearest Tailwind: Purple 900 #581C87

Tailwind Shades

50
#FBF1FD
100
#F5DFFB
200
#EDBAFC
300
#E089FB
400
#CF49F8
500
#BF09F6
600
#9807C5
700
#7A069D
800
#5F057B
900
#460859
950
#2C0538

Contrast Checker

Text on white

10.74:1

AA Pass AAA Pass

Text on black

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