#9B5FD6

#9B5FD6

Color Values

HEX

#9B5FD6

RGB

155, 95, 214

HSL

270.3, 59.2%, 60.6%

HSV

270.3, 55.6%, 83.9%

CMYK

27.6%, 55.6%, 0.0%, 16.1%

OKLCH

0.6047 0.1794 304.9

Properties

Cool Light Nearest: mediumpurple 2

Color Harmonies

Complementary

#9B5FD6

#9AD65F

Analogous

#605FD6

#D65FD5

#9B5FD6

Triadic

#9B5FD6

#D69B5F

#5FD69B

Split Complementary

#9B5FD6

#D5D65F

#5FD660

Tetradic

#9B5FD6

#D6605F

#9AD65F

#5FD5D6

Color Blindness Simulation

Original

#9B5FD6

Protanopia

#8180B9

Deuteranopia

#8489B2

Tritanopia

#98A29D

Achromatopsia

#747474

CSS Usage

background-color: #9B5FD6;
color: #9B5FD6;
border-color: #9B5FD6;
Nearest Tailwind: Purple 400 #C084FC

Tailwind Shades

50
#F7F4FB
100
#EDE4F6
200
#DCC6F0
300
#C29EE6
400
#A169D9
500
#8034CB
600
#672AA2
700
#522182
800
#401A65
900
#31174A
950
#1F0E2F

Contrast Checker

Text on white

4.2:1

AA Fail AAA Fail

Text on black

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