#978FA3

#978FA3

Color Values

HEX

#978FA3

RGB

151, 143, 163

HSL

264.0, 9.8%, 60.0%

HSV

264.0, 12.3%, 63.9%

CMYK

7.4%, 12.3%, 0.0%, 36.1%

OKLCH

0.6635 0.0305 303.7

Properties

Cool Light Nearest: Manatee

Color Harmonies

Complementary

#978FA3

#9BA38F

Analogous

#8F91A3

#A18FA3

#978FA3

Triadic

#978FA3

#A3978F

#8FA397

Split Complementary

#978FA3

#A3A18F

#91A38F

Tetradic

#978FA3

#A38F91

#9BA38F

#8FA3A1

Color Blindness Simulation

Original

#978FA3

Protanopia

#94939E

Deuteranopia

#94959D

Tritanopia

#979A9A

Achromatopsia

#929292

CSS Usage

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

Tailwind Shades

50
#F7F7F8
100
#EDECEF
200
#DBD8DF
300
#C1BCC8
400
#9F97AA
500
#7D738C
600
#645C70
700
#504A5A
800
#3F3A46
900
#302C35
950
#1E1C21

Contrast Checker

Text on white

3.1:1

AA Fail AAA Fail

Text on black

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