#964694

#964694

Color Values

HEX

#964694

RGB

150, 70, 148

HSL

301.5, 36.4%, 43.1%

HSV

301.5, 53.3%, 58.8%

CMYK

0.0%, 53.3%, 1.3%, 41.2%

OKLCH

0.5252 0.1466 328.4

Properties

Warm Dark Nearest: Vivid Violet

Color Harmonies

Complementary

#964694

#469648

Analogous

#704696

#96466C

#964694

Triadic

#964694

#949646

#469496

Split Complementary

#964694

#6C9646

#469670

Tetradic

#964694

#967046

#469648

#466C96

Color Blindness Simulation

Original

#964694

Protanopia

#737381

Deuteranopia

#787E7D

Tritanopia

#92726F

Achromatopsia

#5D5D5D

CSS Usage

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

Tailwind Shades

50
#FAF5FA
100
#F3E8F2
200
#E8CEE8
300
#D8ACD7
400
#C37EC1
500
#AE51AC
600
#8B4189
700
#6F346E
800
#572956
900
#402140
950
#291528

Contrast Checker

Text on white

5.83:1

AA Pass AAA Fail

Text on black

3.6:1

AA Fail AAA Fail

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026