#9D6F89

#9D6F89

Color Values

HEX

#9D6F89

RGB

157, 111, 137

HSL

326.1, 19.0%, 52.5%

HSV

326.1, 29.3%, 61.6%

CMYK

0.0%, 29.3%, 12.7%, 38.4%

OKLCH

0.5969 0.0682 344.4

Properties

Warm Light Nearest: plum 4

Color Harmonies

Complementary

#9D6F89

#6F9D83

Analogous

#9A6F9D

#9D6F72

#9D6F89

Triadic

#9D6F89

#899D6F

#6F899D

Split Complementary

#9D6F89

#729D6F

#6F9D9A

Tetradic

#9D6F89

#9D9A6F

#6F9D83

#6F729D

Color Blindness Simulation

Original

#9D6F89

Protanopia

#898983

Deuteranopia

#8C8F81

Tritanopia

#9B7E7D

Achromatopsia

#7B7B7B

CSS Usage

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

Tailwind Shades

50
#F9F6F8
100
#F0EAEE
200
#E2D5DC
300
#CDB6C3
400
#B38FA3
500
#986783
600
#795369
700
#614254
800
#4C3441
900
#392832
950
#24191F

Contrast Checker

Text on white

4.14:1

AA Fail AAA Fail

Text on black

5.07:1

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