#9B4397

#9B4397

Color Values

HEX

#9B4397

RGB

155, 67, 151

HSL

302.7, 39.6%, 43.5%

HSV

302.7, 56.8%, 60.8%

CMYK

0.0%, 56.8%, 2.6%, 39.2%

OKLCH

0.5295 0.1574 329.3

Properties

Warm Dark Nearest: Vivid Violet

Color Harmonies

Complementary

#9B4397

#439B47

Analogous

#73439B

#9B436B

#9B4397

Triadic

#9B4397

#979B43

#43979B

Split Complementary

#9B4397

#6B9B43

#439B73

Tetradic

#9B4397

#9B7343

#439B47

#436B9B

Color Blindness Simulation

Original

#9B4397

Protanopia

#757483

Deuteranopia

#7A817E

Tritanopia

#97736F

Achromatopsia

#5C5C5C

CSS Usage

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

Tailwind Shades

50
#FAF5FA
100
#F3E7F3
200
#E9CDE8
300
#DAAAD8
400
#C67BC3
500
#B24DAD
600
#8E3E8B
700
#72316F
800
#592757
900
#421F40
950
#2A1429

Contrast Checker

Text on white

5.76:1

AA Pass AAA Fail

Text on black

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