#978F98

#978F98

Color Values

HEX

#978F98

RGB

151, 143, 152

HSL

293.3, 4.2%, 57.8%

HSV

293.3, 5.9%, 59.6%

CMYK

0.7%, 5.9%, 0.0%, 40.4%

OKLCH

0.6598 0.0161 322.4

Properties

Cool Light Nearest: lavenderblush 4

Color Harmonies

Complementary

#978F98

#90988F

Analogous

#928F98

#988F94

#978F98

Triadic

#978F98

#98978F

#8F9897

Split Complementary

#978F98

#94988F

#8F9892

Tetradic

#978F98

#98928F

#90988F

#8F9498

Color Blindness Simulation

Original

#978F98

Protanopia

#949396

Deuteranopia

#949595

Tritanopia

#979494

Achromatopsia

#919191

CSS Usage

background-color: #978F98;
color: #978F98;
border-color: #978F98;
Nearest Tailwind: Zinc 400 #A1A1AA

Tailwind Shades

50
#F8F7F8
100
#EEEDEE
200
#DCDADD
300
#C4BFC4
400
#A49DA5
500
#847A85
600
#69626A
700
#544E55
800
#423D42
900
#322F32
950
#1F1D20

Contrast Checker

Text on white

3.14:1

AA Fail AAA Fail

Text on black

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