#963686

#963686

Color Values

HEX

#963686

RGB

150, 54, 134

HSL

310.0, 47.1%, 40.0%

HSV

310.0, 64.0%, 58.8%

CMYK

0.0%, 64.0%, 10.7%, 41.2%

OKLCH

0.4977 0.1597 334.9

Properties

Warm Dark Nearest: Plum

Color Harmonies

Complementary

#963686

#369646

Analogous

#763696

#963656

#963686

Triadic

#963686

#869636

#368696

Split Complementary

#963686

#569636

#369676

Tetradic

#963686

#967636

#369646

#365696

Color Blindness Simulation

Original

#963686

Protanopia

#6C6C73

Deuteranopia

#72796E

Tritanopia

#916360

Achromatopsia

#505050

CSS Usage

background-color: #963686;
color: #963686;
border-color: #963686;
Nearest Tailwind: Fuchsia 900 #701A75

Tailwind Shades

50
#FAF4F9
100
#F4E6F2
200
#ECCAE7
300
#DFA5D5
400
#CD74BE
500
#BC43A8
600
#963686
700
#782B6B
800
#5E2254
900
#451C3E
950
#2C1227

Contrast Checker

Text on white

6.63:1

AA Pass AAA Fail

Text on black

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