#9564C1

#9564C1

Color Values

HEX

#9564C1

RGB

149, 100, 193

HSL

271.6, 42.9%, 57.5%

HSV

271.6, 48.2%, 75.7%

CMYK

22.8%, 48.2%, 0.0%, 24.3%

OKLCH

0.594 0.1447 306.8

Properties

Cool Light Nearest: mediumpurple 3

Color Harmonies

Complementary

#9564C1

#90C164

Analogous

#6764C1

#C164BF

#9564C1

Triadic

#9564C1

#C19564

#64C195

Split Complementary

#9564C1

#BFC164

#64C167

Tetradic

#9564C1

#C16764

#90C164

#64BFC1

Color Blindness Simulation

Original

#9564C1

Protanopia

#807FAB

Deuteranopia

#8386A5

Tritanopia

#939995

Achromatopsia

#757575

CSS Usage

background-color: #9564C1;
color: #9564C1;
border-color: #9564C1;
Nearest Tailwind: Violet 400 #A78BFA

Tailwind Shades

50
#F7F5FA
100
#EDE7F4
200
#DCCCEB
300
#C3A8DC
400
#A378C9
500
#8249B6
600
#683A92
700
#532F75
800
#41245B
900
#311E43
950
#1F132A

Contrast Checker

Text on white

4.31:1

AA Fail AAA Fail

Text on black

4.87:1

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