#9B6FC5

#9B6FC5

Color Values

HEX

#9B6FC5

RGB

155, 111, 197

HSL

270.7, 42.6%, 60.4%

HSV

270.7, 43.7%, 77.3%

CMYK

21.3%, 43.7%, 0.0%, 22.7%

OKLCH

0.6209 0.1332 306.5

Properties

Cool Light Nearest: NCS S 1040-R60B Orchid

Color Harmonies

Complementary

#9B6FC5

#99C56F

Analogous

#706FC5

#C56FC4

#9B6FC5

Triadic

#9B6FC5

#C59B6F

#6FC59B

Split Complementary

#9B6FC5

#C4C56F

#6FC570

Tetradic

#9B6FC5

#C5706F

#99C56F

#6FC4C5

Color Blindness Simulation

Original

#9B6FC5

Protanopia

#8888B0

Deuteranopia

#8A8EAB

Tritanopia

#99A09C

Achromatopsia

#7F7F7F

CSS Usage

background-color: #9B6FC5;
color: #9B6FC5;
border-color: #9B6FC5;
Nearest Tailwind: Violet 400 #A78BFA

Tailwind Shades

50
#F7F5FA
100
#EDE7F4
200
#DCCCEB
300
#C2A8DC
400
#A278C9
500
#8149B6
600
#673B91
700
#522F74
800
#40255B
900
#311E43
950
#1F132A

Contrast Checker

Text on white

3.84:1

AA Fail AAA Fail

Text on black

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