#9C0CC2

#9C0CC2

Color Values

HEX

#9C0CC2

RGB

156, 12, 194

HSL

287.5, 88.3%, 40.4%

HSV

287.5, 93.8%, 76.1%

CMYK

19.6%, 93.8%, 0.0%, 23.9%

OKLCH

0.5159 0.2463 316.7

Properties

Cool Dark Nearest: darkorchid 3

Color Harmonies

Complementary

#9C0CC2

#32C20C

Analogous

#410CC2

#C20C8D

#9C0CC2

Triadic

#9C0CC2

#C29C0C

#0CC29C

Split Complementary

#9C0CC2

#8DC20C

#0CC241

Tetradic

#9C0CC2

#C2410C

#32C20C

#0C8DC2

Color Blindness Simulation

Original

#9C0CC2

Protanopia

#5E5C96

Deuteranopia

#66718B

Tritanopia

#95736C

Achromatopsia

#383838

CSS Usage

background-color: #9C0CC2;
color: #9C0CC2;
border-color: #9C0CC2;
Nearest Tailwind: Fuchsia 600 #C026D3

Tailwind Shades

50
#FBF2FD
100
#F5E0FB
200
#EEBCFB
300
#E18CF8
400
#D14DF4
500
#C10FF0
600
#9B0CC0
700
#7C0A9A
800
#610778
900
#470A57
950
#2D0637

Contrast Checker

Text on white

6.47:1

AA Pass AAA Fail

Text on black

3.25:1

AA Fail AAA Fail

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026