#997396

#997396

Color Values

HEX

#997396

RGB

153, 115, 150

HSL

304.7, 15.7%, 52.5%

HSV

304.7, 24.8%, 60.0%

CMYK

0.0%, 24.8%, 2.0%, 40.0%

OKLCH

0.6048 0.0686 329.0

Properties

Warm Light Nearest: plum 4

Color Harmonies

Complementary

#997396

#739976

Analogous

#897399

#997383

#997396

Triadic

#997396

#969973

#739699

Split Complementary

#997396

#839973

#739989

Tetradic

#997396

#998973

#739976

#738399

Color Blindness Simulation

Original

#997396

Protanopia

#89888E

Deuteranopia

#8B8E8C

Tritanopia

#978785

Achromatopsia

#7E7E7E

CSS Usage

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

Tailwind Shades

50
#F8F6F8
100
#F0EBEF
200
#E1D6E0
300
#CBB8CA
400
#AF92AD
500
#946B90
600
#765674
700
#5E455C
800
#4A3648
900
#372A36
950
#231A22

Contrast Checker

Text on white

4.0:1

AA Fail AAA Fail

Text on black

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