#978296

#978296

Color Values

HEX

#978296

RGB

151, 130, 150

HSL

302.9, 9.2%, 55.1%

HSV

302.9, 13.9%, 59.2%

CMYK

0.0%, 13.9%, 0.7%, 40.8%

OKLCH

0.6323 0.0384 327.5

Properties

Warm Light Nearest: thistle 4

Color Harmonies

Complementary

#978296

#829783

Analogous

#8E8297

#97828B

#978296

Triadic

#978296

#969782

#829697

Split Complementary

#978296

#8B9782

#82978E

Tetradic

#978296

#978E82

#829783

#828B97

Color Blindness Simulation

Original

#978296

Protanopia

#8E8E91

Deuteranopia

#8F9190

Tritanopia

#968D8C

Achromatopsia

#888888

CSS Usage

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

Tailwind Shades

50
#F8F7F8
100
#EFECEE
200
#DFD8DE
300
#C7BCC7
400
#A998A8
500
#8B748A
600
#6F5D6E
700
#594A58
800
#463A45
900
#342C34
950
#211C21

Contrast Checker

Text on white

3.53:1

AA Fail AAA Fail

Text on black

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