#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

Building a Color Picker Web Component from Scratch

ก.พ. 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

ก.พ. 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

ก.พ. 19, 2026