#9C60CF

#9C60CF

Color Values

HEX

#9C60CF

RGB

156, 96, 207

HSL

272.4, 53.6%, 59.4%

HSV

272.4, 53.6%, 81.2%

CMYK

24.6%, 53.6%, 0.0%, 18.8%

OKLCH

0.6031 0.17 307.0

Properties

Cool Light Nearest: mediumpurple

Color Harmonies

Complementary

#9C60CF

#93CF60

Analogous

#6460CF

#CF60CB

#9C60CF

Triadic

#9C60CF

#CF9C60

#60CF9C

Split Complementary

#9C60CF

#CBCF60

#60CF64

Tetradic

#9C60CF

#CF6460

#93CF60

#60CBCF

Color Blindness Simulation

Original

#9C60CF

Protanopia

#8281B4

Deuteranopia

#868AAE

Tritanopia

#999F9A

Achromatopsia

#757575

CSS Usage

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

Tailwind Shades

50
#F8F4FB
100
#EEE5F5
200
#DDC8EE
300
#C4A1E3
400
#A56ED3
500
#853BC4
600
#6A2F9D
700
#55267D
800
#421E62
900
#321948
950
#20102D

Contrast Checker

Text on white

4.21:1

AA Fail AAA Fail

Text on black

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