#978CAC

#978CAC

Color Values

HEX

#978CAC

RGB

151, 140, 172

HSL

260,6, 16,2%, 61,2%

HSV

260,6, 18,6%, 67,5%

CMYK

12,2%, 18,6%, 0,0%, 32,5%

OKLCH

0,6606 0,0484 300,8

Properties

Cool Light Nearest: thistle 4

Color Harmonies

Complementary

#978CAC

#A1AC8C

Analogous

#8C91AC

#A78CAC

#978CAC

Triadic

#978CAC

#AC978C

#8CAC97

Split Complementary

#978CAC

#ACA78C

#91AC8C

Tetradic

#978CAC

#AC8C91

#A1AC8C

#8CACA7

Color Blindness Simulation

Original

#978CAC

Protanopia

#9292A4

Deuteranopia

#9394A2

Tritanopia

#969E9D

Achromatopsia

#919191

CSS Usage

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

Tailwind Shades

50
#F7F6F8
100
#ECEBF0
200
#D9D6E1
300
#BFB8CC
400
#9C91B0
500
#796B94
600
#615577
700
#4D445F
800
#3D354A
900
#2E2938
950
#1D1A23

Contrast Checker

Text on white

3,15:1

AA Fail AAA Fail

Text on black

6,66: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