#9C4180

#9C4180

Color Values

HEX

#9C4180

RGB

156, 65, 128

HSL

318.5, 41.2%, 43.3%

HSV

318.5, 58.3%, 61.2%

CMYK

0.0%, 58.3%, 17.9%, 38.8%

OKLCH

0.5174 0.1427 341.1

Properties

Warm Dark Nearest: Plum

Color Harmonies

Complementary

#9C4180

#419C5D

Analogous

#8A419C

#9C4152

#9C4180

Triadic

#9C4180

#809C41

#41809C

Split Complementary

#9C4180

#529C41

#419C8A

Tetradic

#9C4180

#9C8A41

#419C5D

#41529C

Color Blindness Simulation

Original

#9C4180

Protanopia

#757471

Deuteranopia

#7A816D

Tritanopia

#976562

Achromatopsia

#595959

CSS Usage

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

Tailwind Shades

50
#FAF5F8
100
#F3E7F0
200
#EACDE1
300
#DBA9CB
400
#C87AB0
500
#B44B94
600
#903C76
700
#73305E
800
#5A254A
900
#421E37
950
#2A1323

Contrast Checker

Text on white

6.03:1

AA Pass AAA Fail

Text on black

3.48:1

AA Fail AAA Fail

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026