#9C1998

#9C1998

Color Values

HEX

#9C1998

RGB

156, 25, 152

HSL

301.8, 72.4%, 35.5%

HSV

301.8, 84.0%, 61.2%

CMYK

0.0%, 84.0%, 2.6%, 38.8%

OKLCH

0.4925 0.2085 329.6

Properties

Warm Dark Nearest: darkmagenta

Color Harmonies

Complementary

#9C1998

#199C1D

Analogous

#5E199C

#9C1957

#9C1998

Triadic

#9C1998

#989C19

#19989C

Split Complementary

#9C1998

#579C19

#199C5E

Tetradic

#9C1998

#9C5E19

#199C1D

#19579C

Color Blindness Simulation

Original

#9C1998

Protanopia

#636279

Deuteranopia

#6B7572

Tritanopia

#95615C

Achromatopsia

#3E3E3E

CSS Usage

background-color: #9C1998;
color: #9C1998;
border-color: #9C1998;
Nearest Tailwind: Fuchsia 800 #86198F

Tailwind Shades

50
#FCF3FC
100
#F8E2F7
200
#F5C1F4
300
#EE95EB
400
#E55CE1
500
#DC23D6
600
#B01CAB
700
#8D1789
800
#6E126B
900
#50114E
950
#330B31

Contrast Checker

Text on white

6.99:1

AA Pass AAA Fail

Text on black

3.01:1

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