#978CAA

#978CAA

Color Values

HEX

#978CAA

RGB

151, 140, 170

HSL

262.0, 15.0%, 60.8%

HSV

262.0, 17.6%, 66.7%

CMYK

11.2%, 17.6%, 0.0%, 33.3%

OKLCH

0.6599 0.0456 301.9

Properties

Cool Light Nearest: thistle 4

Color Harmonies

Complementary

#978CAA

#9FAA8C

Analogous

#8C90AA

#A68CAA

#978CAA

Triadic

#978CAA

#AA978C

#8CAA97

Split Complementary

#978CAA

#AAA68C

#90AA8C

Tetradic

#978CAA

#AA8C90

#9FAA8C

#8CAAA6

Color Blindness Simulation

Original

#978CAA

Protanopia

#9292A3

Deuteranopia

#9394A1

Tritanopia

#969D9C

Achromatopsia

#919191

CSS Usage

background-color: #978CAA;
color: #978CAA;
border-color: #978CAA;
Nearest Tailwind: Slate 400 #94A3B8

Tailwind Shades

50
#F7F6F8
100
#EDEBEF
200
#DAD6E1
300
#BFB9CB
400
#9D92AF
500
#7A6C93
600
#625775
700
#4E455E
800
#3D3649
900
#2F2A37
950
#1D1A23

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

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