#964FD8

#964FD8

Color Values

HEX

#964FD8

RGB

150, 79, 216

HSL

271.1, 63.7%, 57.8%

HSV

271.1, 63.4%, 84.7%

CMYK

30.6%, 63.4%, 0.0%, 15.3%

OKLCH

0.578 0.2034 304.6

Properties

Cool Dark Nearest: Purple Heart

Color Harmonies

Complementary

#964FD8

#91D84F

Analogous

#514FD8

#D84FD5

#964FD8

Triadic

#964FD8

#D8964F

#4FD896

Split Complementary

#964FD8

#D5D84F

#4FD851

Tetradic

#964FD8

#D8514F

#91D84F

#4FD5D8

Color Blindness Simulation

Original

#964FD8

Protanopia

#7777B7

Deuteranopia

#7B81AF

Tritanopia

#929D97

Achromatopsia

#686868

CSS Usage

background-color: #964FD8;
color: #964FD8;
border-color: #964FD8;
Nearest Tailwind: Violet 500 #8B5CF6

Tailwind Shades

50
#F8F3FB
100
#EEE3F7
200
#DCC5F2
300
#C39BE9
400
#A365DD
500
#822ED1
600
#6825A7
700
#541E86
800
#411768
900
#31154C
950
#1F0D30

Contrast Checker

Text on white

4.77:1

AA Pass AAA Fail

Text on black

4.41:1

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