#997696

#997696

Color Values

HEX

#997696

RGB

153, 118, 150

HSL

305.1, 14.6%, 53.1%

HSV

305.1, 22.9%, 60.0%

CMYK

0.0%, 22.9%, 2.0%, 40.0%

OKLCH

0.6106 0.0629 329.2

Properties

Warm Light Nearest: plum 4

Color Harmonies

Complementary

#997696

#769979

Analogous

#8A7699

#997684

#997696

Triadic

#997696

#969976

#769699

Split Complementary

#997696

#849976

#76998A

Tetradic

#997696

#998A76

#769979

#768499

Color Blindness Simulation

Original

#997696

Protanopia

#8A8A8E

Deuteranopia

#8C8E8C

Tritanopia

#978887

Achromatopsia

#808080

CSS Usage

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

Tailwind Shades

50
#F8F6F8
100
#EFEBEF
200
#E1D6E0
300
#CBB9C9
400
#AE93AC
500
#926D8F
600
#755772
700
#5E465B
800
#493647
900
#372A36
950
#231B22

Contrast Checker

Text on white

3.9:1

AA Fail AAA Fail

Text on black

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