#9B58AD

#9B58AD

Color Values

HEX

#9B58AD

RGB

155, 88, 173

HSL

287.3, 34.1%, 51.2%

HSV

287.3, 49.1%, 67.8%

CMYK

10.4%, 49.1%, 0.0%, 32.2%

OKLCH

0.5708 0.1443 318.8

Properties

Cool Dark Nearest: Vivid Violet

Color Harmonies

Complementary

#9B58AD

#6AAD58

Analogous

#7158AD

#AD5895

#9B58AD

Triadic

#9B58AD

#AD9B58

#58AD9B

Split Complementary

#9B58AD

#95AD58

#58AD71

Tetradic

#9B58AD

#AD7158

#6AAD58

#5895AD

Color Blindness Simulation

Original

#9B58AD

Protanopia

#7E7D98

Deuteranopia

#828794

Tritanopia

#988885

Achromatopsia

#6C6C6C

CSS Usage

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

Tailwind Shades

50
#F9F5FA
100
#F0E8F2
200
#E2CFE7
300
#CEADD7
400
#B380C1
500
#9954AB
600
#7A4389
700
#62366D
800
#4C2A55
900
#39223F
950
#241528

Contrast Checker

Text on white

4.78:1

AA Pass AAA Fail

Text on black

4.39:1

AA Fail AAA Fail

Related Articles

Tutorials

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

ม.ค. 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

ม.ค. 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

ม.ค. 15, 2026