#978E99

#978E99

Color Values

HEX

#978E99

RGB

151, 142, 153

HSL

289.1, 5.1%, 57.8%

HSV

289.1, 7.2%, 60.0%

CMYK

1.3%, 7.2%, 0.0%, 40.0%

OKLCH

0.658 0.0191 320.1

Properties

Cool Light Nearest: lavenderblush 4

Color Harmonies

Complementary

#978E99

#90998E

Analogous

#918E99

#998E95

#978E99

Triadic

#978E99

#99978E

#8E9997

Split Complementary

#978E99

#95998E

#8E9991

Tetradic

#978E99

#99918E

#90998E

#8E9599

Color Blindness Simulation

Original

#978E99

Protanopia

#939396

Deuteranopia

#949496

Tritanopia

#979494

Achromatopsia

#919191

CSS Usage

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

Tailwind Shades

50
#F8F7F8
100
#EEECEE
200
#DCD9DD
300
#C4BFC5
400
#A49CA5
500
#847986
600
#69616B
700
#544D56
800
#423C43
900
#322E33
950
#1F1D20

Contrast Checker

Text on white

3.16:1

AA Fail AAA Fail

Text on black

6.65:1

AA Pass AAA Fail

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026