#683399

#683399

Color Values

HEX

#683399

RGB

104, 51, 153

HSL

271.2, 50.0%, 40.0%

HSV

271.2, 66.7%, 60.0%

CMYK

32.0%, 66.7%, 0.0%, 40.0%

OKLCH

0.4427 0.1608 304.5

Properties

Cool Dark Nearest: rebeccapurple

Color Harmonies

Complementary

#683399

#649933

Analogous

#353399

#993397

#683399

Triadic

#683399

#996833

#339968

Split Complementary

#683399

#979933

#339935

Tetradic

#683399

#993533

#649933

#339799

Color Blindness Simulation

Original

#683399

Protanopia

#515180

Deuteranopia

#54587A

Tritanopia

#656D69

Achromatopsia

#464646

CSS Usage

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

Tailwind Shades

50
#F7F4FB
100
#EDE6F5
200
#DCC9ED
300
#C3A3E0
400
#A371D0
500
#8240BF
600
#683399
700
#53297A
800
#412060
900
#311B46
950
#1F112C

Contrast Checker

Text on white

8.33:1

AA Pass AAA Pass

Text on black

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