#978E98

#978E98

Color Values

HEX

#978E98

RGB

151, 142, 152

HSL

294.0, 4.6%, 57.6%

HSV

294.0, 6.6%, 59.6%

CMYK

0.7%, 6.6%, 0.0%, 40.4%

OKLCH

0.6577 0.0179 322.7

Properties

Cool Light Nearest: lavenderblush 4

Color Harmonies

Complementary

#978E98

#8F988E

Analogous

#928E98

#988E94

#978E98

Triadic

#978E98

#98978E

#8E9897

Split Complementary

#978E98

#94988E

#8E9892

Tetradic

#978E98

#98928E

#8F988E

#8E9498

Color Blindness Simulation

Original

#978E98

Protanopia

#939396

Deuteranopia

#949495

Tritanopia

#979493

Achromatopsia

#919191

CSS Usage

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

Tailwind Shades

50
#F8F7F8
100
#EEECEE
200
#DDDADD
300
#C4BFC5
400
#A49CA5
500
#847A85
600
#6A616B
700
#554E55
800
#423D43
900
#322E32
950
#201D20

Contrast Checker

Text on white

3.16:1

AA Fail AAA Fail

Text on black

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