#964AEB

#964AEB

Color Values

HEX

#964AEB

RGB

150, 74, 235

HSL

268.3, 80.1%, 60.6%

HSV

268.3, 68.5%, 92.2%

CMYK

36.2%, 68.5%, 0.0%, 7.8%

OKLCH

0.5852 0.23 301.1

Properties

Cool Dark Nearest: darkorchid 3

Color Harmonies

Complementary

#964AEB

#9FEB4A

Analogous

#4A4FEB

#E64AEB

#964AEB

Triadic

#964AEB

#EB964A

#4AEB96

Split Complementary

#964AEB

#EBE64A

#4FEB4A

Tetradic

#964AEB

#EB4A4F

#9FEB4A

#4AEBE6

Color Blindness Simulation

Original

#964AEB

Protanopia

#7574C4

Deuteranopia

#7A7FBB

Tritanopia

#92A59F

Achromatopsia

#666666

CSS Usage

background-color: #964AEB;
color: #964AEB;
border-color: #964AEB;
Nearest Tailwind: Purple 500 #A855F7

Tailwind Shades

50
#F7F2FD
100
#ECE1F9
200
#DABFF8
300
#BF91F3
400
#9C55EC
500
#7A19E6
600
#6114B8
700
#4E1093
800
#3D0D73
900
#2E0E53
950
#1D0935

Contrast Checker

Text on white

4.69:1

AA Pass AAA Fail

Text on black

4.48:1

AA Fail 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