#9B59EC

#9B59EC

Color Values

HEX

#9B59EC

RGB

155, 89, 236

HSL

266.9, 79.5%, 63.7%

HSV

266.9, 62.3%, 92.5%

CMYK

34.3%, 62.3%, 0.0%, 7.5%

OKLCH

0.6104 0.213 300.9

Properties

Cool Light Nearest: Purple Heart

Color Harmonies

Complementary

#9B59EC

#AAEC59

Analogous

#5960EC

#E459EC

#9B59EC

Triadic

#9B59EC

#EC9B59

#59EC9B

Split Complementary

#9B59EC

#ECE459

#60EC59

Tetradic

#9B59EC

#EC5960

#AAEC59

#59ECE4

Color Blindness Simulation

Original

#9B59EC

Protanopia

#7E7EC8

Deuteranopia

#8287C0

Tritanopia

#98ACA6

Achromatopsia

#727272

CSS Usage

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

Tailwind Shades

50
#F7F2FD
100
#ECE1F9
200
#D8BFF8
300
#BD91F2
400
#9956EC
500
#751AE5
600
#5E15B7
700
#4B1192
800
#3B0D72
900
#2D0E53
950
#1C0934

Contrast Checker

Text on white

4.17:1

AA Fail AAA Fail

Text on black

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