#964699

#964699

Color Values

HEX

#964699

RGB

150, 70, 153

HSL

297.8, 37.2%, 43.7%

HSV

297.8, 54.2%, 60.0%

CMYK

2.0%, 54.2%, 0.0%, 40.0%

OKLCH

0.5278 0.1513 326.1

Properties

Cool Dark Nearest: Vivid Violet

Color Harmonies

Complementary

#964699

#499946

Analogous

#6C4699

#994672

#964699

Triadic

#964699

#999646

#469996

Split Complementary

#964699

#729946

#46996C

Tetradic

#964699

#996C46

#499946

#467299

Color Blindness Simulation

Original

#964699

Protanopia

#737385

Deuteranopia

#787E80

Tritanopia

#927572

Achromatopsia

#5D5D5D

CSS Usage

background-color: #964699;
color: #964699;
border-color: #964699;
Nearest Tailwind: Fuchsia 900 #701A75

Tailwind Shades

50
#FAF5FA
100
#F2E8F3
200
#E8CEE9
300
#D7ABD9
400
#C17EC4
500
#AB50AF
600
#89408C
700
#6E3370
800
#562857
900
#3F2041
950
#281429

Contrast Checker

Text on white

5.78:1

AA Pass AAA Fail

Text on black

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