#9A64CF

#9A64CF

Color Values

HEX

#9A64CF

RGB

154, 100, 207

HSL

270.3, 52.7%, 60.2%

HSV

270.3, 51.7%, 81.2%

CMYK

25.6%, 51.7%, 0.0%, 18.8%

OKLCH

0.6072 0.1632 305.4

Properties

Cool Light Nearest: mediumpurple

Color Harmonies

Complementary

#9A64CF

#99CF64

Analogous

#6564CF

#CF64CE

#9A64CF

Triadic

#9A64CF

#CF9A64

#64CF9A

Split Complementary

#9A64CF

#CECF64

#64CF65

Tetradic

#9A64CF

#CF6564

#99CF64

#64CECF

Color Blindness Simulation

Original

#9A64CF

Protanopia

#8382B5

Deuteranopia

#868AAF

Tritanopia

#97A19C

Achromatopsia

#777777

CSS Usage

background-color: #9A64CF;
color: #9A64CF;
border-color: #9A64CF;
Nearest Tailwind: Purple 400 #C084FC

Tailwind Shades

50
#F7F4FB
100
#EDE5F5
200
#DBC8EE
300
#C2A2E2
400
#A16FD2
500
#803CC3
600
#67309C
700
#52277D
800
#401E61
900
#311947
950
#1F102D

Contrast Checker

Text on white

4.12:1

AA Fail AAA Fail

Text on black

5.1:1

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