#9C3085

#9C3085

Color Values

HEX

#9C3085

RGB

156, 48, 133

HSL

312.8, 52.9%, 40.0%

HSV

312.8, 69.2%, 61.2%

CMYK

0.0%, 69.2%, 14.7%, 38.8%

OKLCH

0.4999 0.1712 337.5

Properties

Warm Dark Nearest: RAL 4006 Traffic Purple

Color Harmonies

Complementary

#9C3085

#309C47

Analogous

#7D309C

#9C304F

#9C3085

Triadic

#9C3085

#859C30

#30859C

Split Complementary

#9C3085

#4F9C30

#309C7D

Tetradic

#9C3085

#9C7D30

#309C47

#304F9C

Color Blindness Simulation

Original

#9C3085

Protanopia

#6D6C70

Deuteranopia

#747C6C

Tritanopia

#97605D

Achromatopsia

#4D4D4D

CSS Usage

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

Tailwind Shades

50
#FBF4F9
100
#F5E5F2
200
#EEC8E6
300
#E2A1D4
400
#D36FBD
500
#C33CA6
600
#9C3085
700
#7D266A
800
#611E53
900
#48193E
950
#2D1027

Contrast Checker

Text on white

6.61:1

AA Pass AAA Fail

Text on black

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