#9B4697

#9B4697

Color Values

HEX

#9B4697

RGB

155, 70, 151

HSL

302,8, 37,8%, 44,1%

HSV

302,8, 54,8%, 60,8%

CMYK

0,0%, 54,8%, 2,6%, 39,2%

OKLCH

0,5335 0,1526 329,3

Properties

Warm Dark Nearest: Vivid Violet

Color Harmonies

Complementary

#9B4697

#469B4A

Analogous

#74469B

#9B466C

#9B4697

Triadic

#9B4697

#979B46

#46979B

Split Complementary

#9B4697

#6C9B46

#469B74

Tetradic

#9B4697

#9B7446

#469B4A

#466C9B

Color Blindness Simulation

Original

#9B4697

Protanopia

#767583

Deuteranopia

#7B827F

Tritanopia

#977471

Achromatopsia

#5E5E5E

CSS Usage

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

Tailwind Shades

50
#FAF5FA
100
#F3E7F2
200
#E9CEE8
300
#D9ABD7
400
#C47DC1
500
#B04FAB
600
#8D3F89
700
#70336E
800
#582856
900
#41203F
950
#291428

Contrast Checker

Text on white

5,65:1

AA Pass AAA Fail

Text on black

3,72: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