#9B59DC

#9B59DC

Color Values

HEX

#9B59DC

RGB

155, 89, 220

HSL

270.2, 65.2%, 60.6%

HSV

270.2, 59.5%, 86.3%

CMYK

29.5%, 59.5%, 0.0%, 13.7%

OKLCH

0.5998 0.1951 304.4

Properties

Cool Light Nearest: Purple Heart

Color Harmonies

Complementary

#9B59DC

#9ADC59

Analogous

#5959DC

#DC59DC

#9B59DC

Triadic

#9B59DC

#DC9B59

#59DC9B

Split Complementary

#9B59DC

#DCDC59

#59DC59

Tetradic

#9B59DC

#DC5959

#9ADC59

#59DCDC

Color Blindness Simulation

Original

#9B59DC

Protanopia

#7E7EBC

Deuteranopia

#8287B5

Tritanopia

#98A39E

Achromatopsia

#707070

CSS Usage

background-color: #9B59DC;
color: #9B59DC;
border-color: #9B59DC;
Nearest Tailwind: Violet 500 #8B5CF6

Tailwind Shades

50
#F7F3FC
100
#EDE3F7
200
#DBC4F3
300
#C29AEA
400
#A163DE
500
#802CD3
600
#6623A9
700
#521C87
800
#401669
900
#31144D
950
#1F0D31

Contrast Checker

Text on white

4.32:1

AA Fail AAA Fail

Text on black

4.86:1

AA Pass AAA Fail

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026