#9B59DF

#9B59DF

Color Values

HEX

#9B59DF

RGB

155, 89, 223

HSL

269.6, 67.7%, 61.2%

HSV

269.6, 60.1%, 87.5%

CMYK

30.5%, 60.1%, 0.0%, 12.5%

OKLCH

0.6017 0.1985 303.7

Properties

Cool Light Nearest: Purple Heart

Color Harmonies

Complementary

#9B59DF

#9DDF59

Analogous

#595ADF

#DE59DF

#9B59DF

Triadic

#9B59DF

#DF9B59

#59DF9B

Split Complementary

#9B59DF

#DFDE59

#5ADF59

Tetradic

#9B59DF

#DF595A

#9DDF59

#59DFDE

Color Blindness Simulation

Original

#9B59DF

Protanopia

#7E7EBF

Deuteranopia

#8287B7

Tritanopia

#98A59F

Achromatopsia

#717171

CSS Usage

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

Tailwind Shades

50
#F7F3FC
100
#EDE3F7
200
#DBC3F3
300
#C198EB
400
#A061E1
500
#7E29D6
600
#6521AB
700
#511A89
800
#3F156B
900
#30134E
950
#1E0C31

Contrast Checker

Text on white

4.3:1

AA Fail AAA Fail

Text on black

4.89:1

AA Pass AAA Fail

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026