#9656D7

#9656D7

Color Values

HEX

#9656D7

RGB

150, 86, 215

HSL

269.8, 61.7%, 59.0%

HSV

269.8, 60.0%, 84.3%

CMYK

30.2%, 60.0%, 0.0%, 15.7%

OKLCH

0.5869 0.1926 303.9

Properties

Cool Light Nearest: Purple Heart

Color Harmonies

Complementary

#9656D7

#97D756

Analogous

#5656D7

#D756D7

#9656D7

Triadic

#9656D7

#D79656

#56D796

Split Complementary

#9656D7

#D7D756

#56D756

Tetradic

#9656D7

#D75656

#97D756

#56D7D7

Color Blindness Simulation

Original

#9656D7

Protanopia

#7A7AB8

Deuteranopia

#7E83B0

Tritanopia

#939F9A

Achromatopsia

#6D6D6D

CSS Usage

background-color: #9656D7;
color: #9656D7;
border-color: #9656D7;
Nearest Tailwind: Violet 500 #8B5CF6

Tailwind Shades

50
#F7F3FB
100
#EDE4F7
200
#DBC5F1
300
#C29CE8
400
#A066DB
500
#7F31CE
600
#6627A5
700
#511F84
800
#3F1867
900
#30164B
950
#1E0E30

Contrast Checker

Text on white

4.56:1

AA Pass AAA Fail

Text on black

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