#9C286B

#9C286B

Color Values

HEX

#9C286B

RGB

156, 40, 107

HSL

325.3, 59.2%, 38.4%

HSV

325.3, 74.4%, 61.2%

CMYK

0.0%, 74.4%, 31.4%, 38.8%

OKLCH

0.4804 0.1647 349.7

Properties

Warm Dark Nearest: RAL 4006 Traffic Purple

Color Harmonies

Complementary

#9C286B

#289C59

Analogous

#93289C

#9C2831

#9C286B

Triadic

#9C286B

#6B9C28

#286B9C

Split Complementary

#9C286B

#319C28

#289C93

Tetradic

#9C286B

#9C9328

#289C59

#28319C

Color Blindness Simulation

Original

#9C286B

Protanopia

#6A695B

Deuteranopia

#707957

Tritanopia

#964E4B

Achromatopsia

#454545

CSS Usage

background-color: #9C286B;
color: #9C286B;
border-color: #9C286B;
Nearest Tailwind: Pink 800 #9D174D

Tailwind Shades

50
#FBF4F8
100
#F6E4EF
200
#F0C6DF
300
#E69EC7
400
#D969A9
500
#CB348B
600
#A22A6F
700
#822159
800
#651A46
900
#4A1734
950
#2F0E21

Contrast Checker

Text on white

7.17:1

AA Pass AAA Pass

Text on black

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