#9658AB

#9658AB

Color Values

HEX

#9658AB

RGB

150, 88, 171

HSL

284.8, 33.1%, 50.8%

HSV

284.8, 48.5%, 67.1%

CMYK

12.3%, 48.5%, 0.0%, 32.9%

OKLCH

0.5638 0.1396 317.1

Properties

Cool Dark Nearest: Vivid Violet

Color Harmonies

Complementary

#9658AB

#6DAB58

Analogous

#6C58AB

#AB5897

#9658AB

Triadic

#9658AB

#AB9658

#58AB96

Split Complementary

#9658AB

#97AB58

#58AB6C

Tetradic

#9658AB

#AB6C58

#6DAB58

#5897AB

Color Blindness Simulation

Original

#9658AB

Protanopia

#7B7B97

Deuteranopia

#7F8392

Tritanopia

#938784

Achromatopsia

#6B6B6B

CSS Usage

background-color: #9658AB;
color: #9658AB;
border-color: #9658AB;
Nearest Tailwind: Fuchsia 900 #701A75

Tailwind Shades

50
#F8F5FA
100
#F0E8F2
200
#E1CFE7
300
#CCAED6
400
#B081C0
500
#9455AA
600
#774488
700
#5F376D
800
#4A2B55
900
#38223F
950
#231528

Contrast Checker

Text on white

4.91:1

AA Pass AAA Fail

Text on black

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