#9B5684

#9B5684

Color Values

HEX

#9B5684

RGB

155, 86, 132

HSL

320.0, 28.6%, 47.3%

HSV

320.0, 44.5%, 60.8%

CMYK

0.0%, 44.5%, 14.8%, 39.2%

OKLCH

0.5487 0.1086 341.0

Properties

Warm Dark Nearest: RAL 4008 Signal Violet

Color Harmonies

Complementary

#9B5684

#569B6D

Analogous

#90569B

#9B5662

#9B5684

Triadic

#9B5684

#849B56

#56849B

Split Complementary

#9B5684

#629B56

#569B90

Tetradic

#9B5684

#9B9056

#569B6D

#56629B

Color Blindness Simulation

Original

#9B5684

Protanopia

#7D7D79

Deuteranopia

#818676

Tritanopia

#98706E

Achromatopsia

#686868

CSS Usage

background-color: #9B5684;
color: #9B5684;
border-color: #9B5684;
Nearest Tailwind: Pink 900 #831843

Tailwind Shades

50
#F9F5F8
100
#F1E9EF
200
#E6D1DF
300
#D3B0C8
400
#BC86AA
500
#A45B8C
600
#834970
700
#693A59
800
#522E46
900
#3D2435
950
#261721

Contrast Checker

Text on white

5.17:1

AA Pass AAA Fail

Text on black

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