#9A658C

#9A658C

Color Values

HEX

#9A658C

RGB

154, 101, 140

HSL

315.8, 20.8%, 50.0%

HSV

315.8, 34.4%, 60.4%

CMYK

0.0%, 34.4%, 9.1%, 39.6%

OKLCH

0.5763 0.0865 336.9

Properties

Warm Light Nearest: plum 4

Color Harmonies

Complementary

#9A658C

#659A73

Analogous

#8D659A

#9A6572

#9A658C

Triadic

#9A658C

#8C9A65

#658C9A

Split Complementary

#9A658C

#729A65

#659A8D

Tetradic

#9A658C

#9A8D65

#659A73

#65729A

Color Blindness Simulation

Original

#9A658C

Protanopia

#838383

Deuteranopia

#868A80

Tritanopia

#977B79

Achromatopsia

#737373

CSS Usage

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

Tailwind Shades

50
#F9F6F8
100
#F0EAEF
200
#E3D4DF
300
#CFB5C8
400
#B48DAA
500
#9A658C
600
#7B5170
700
#63415A
800
#4D3246
900
#3A2735
950
#241921

Contrast Checker

Text on white

4.55:1

AA Pass AAA Fail

Text on black

4.61:1

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