#683A92

#683A92

Color Values

HEX

#683A92

RGB

104, 58, 146

HSL

271.4, 43.1%, 40.0%

HSV

271.4, 60.3%, 57.3%

CMYK

28.8%, 60.3%, 0.0%, 42.7%

OKLCH

0.4478 0.1421 305.5

Properties

Cool Dark Nearest: rebeccapurple

Color Harmonies

Complementary

#683A92

#64923A

Analogous

#3C3A92

#923A90

#683A92

Triadic

#683A92

#92683A

#3A9268

Split Complementary

#683A92

#90923A

#3A923C

Tetradic

#683A92

#923C3A

#64923A

#3A9092

Color Blindness Simulation

Original

#683A92

Protanopia

#54547D

Deuteranopia

#575A78

Tritanopia

#666C68

Achromatopsia

#4A4A4A

CSS Usage

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

Tailwind Shades

50
#F7F5FA
100
#EDE7F4
200
#DCCCEB
300
#C3A7DC
400
#A378C9
500
#8249B6
600
#683A92
700
#532E75
800
#41245B
900
#311E43
950
#1F132A

Contrast Checker

Text on white

8.05:1

AA Pass AAA Pass

Text on black

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