#9B4496

#9B4496

Color Values

HEX

#9B4496

RGB

155, 68, 150

HSL

303.4, 39.0%, 43.7%

HSV

303.4, 56.1%, 60.8%

CMYK

0.0%, 56.1%, 3.2%, 39.2%

OKLCH

0.5303 0.1549 329.7

Properties

Warm Dark Nearest: Vivid Violet

Color Harmonies

Complementary

#9B4496

#449B49

Analogous

#74449B

#9B446B

#9B4496

Triadic

#9B4496

#969B44

#44969B

Split Complementary

#9B4496

#6B9B44

#449B74

Tetradic

#9B4496

#9B7444

#449B49

#446B9B

Color Blindness Simulation

Original

#9B4496

Protanopia

#757582

Deuteranopia

#7A817D

Tritanopia

#97726F

Achromatopsia

#5C5C5C

CSS Usage

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

Tailwind Shades

50
#FAF5FA
100
#F3E7F2
200
#E9CDE8
300
#DAAAD7
400
#C57CC1
500
#B14EAC
600
#8E3E89
700
#71326E
800
#592756
900
#411F40
950
#291428

Contrast Checker

Text on white

5.74:1

AA Pass AAA Fail

Text on black

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