#9A658D

#9A658D

Color Values

HEX

#9A658D

RGB

154, 101, 141

HSL

314.7, 20.8%, 50.0%

HSV

314.7, 34.4%, 60.4%

CMYK

0.0%, 34.4%, 8.4%, 39.6%

OKLCH

0.5767 0.0874 336.0

Properties

Warm Light Nearest: plum 4

Color Harmonies

Complementary

#9A658D

#659A72

Analogous

#8C659A

#9A6573

#9A658D

Triadic

#9A658D

#8D9A65

#658D9A

Split Complementary

#9A658D

#739A65

#659A8C

Tetradic

#9A658D

#9A8C65

#659A72

#65739A

Color Blindness Simulation

Original

#9A658D

Protanopia

#838383

Deuteranopia

#868A81

Tritanopia

#977C7A

Achromatopsia

#737373

CSS Usage

background-color: #9A658D;
color: #9A658D;
border-color: #9A658D;
Nearest Tailwind: Zinc 500 #71717A

Tailwind Shades

50
#F9F6F8
100
#F0EAEF
200
#E3D4DF
300
#CFB5C8
400
#B48DAB
500
#9A658D
600
#7B5171
700
#63415A
800
#4D3247
900
#3A2735
950
#241922

Contrast Checker

Text on white

4.55:1

AA Pass AAA Fail

Text on black

4.62:1

AA Pass 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