#978AAA

#978AAA

Color Values

HEX

#978AAA

RGB

151, 138, 170

HSL

264.4, 15.8%, 60.4%

HSV

264.4, 18.8%, 66.7%

CMYK

11.2%, 18.8%, 0.0%, 33.3%

OKLCH

0.6558 0.049 303.5

Properties

Cool Light Nearest: thistle 4

Color Harmonies

Complementary

#978AAA

#9DAA8A

Analogous

#8A8DAA

#A78AAA

#978AAA

Triadic

#978AAA

#AA978A

#8AAA97

Split Complementary

#978AAA

#AAA78A

#8DAA8A

Tetradic

#978AAA

#AA8A8D

#9DAA8A

#8AAAA7

Color Blindness Simulation

Original

#978AAA

Protanopia

#9191A2

Deuteranopia

#9293A0

Tritanopia

#969C9B

Achromatopsia

#8F8F8F

CSS Usage

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

Tailwind Shades

50
#F7F6F8
100
#EDEBF0
200
#DAD6E1
300
#C0B8CB
400
#9E92B0
500
#7C6B94
600
#635676
700
#4F455E
800
#3E364A
900
#2F2A37
950
#1E1A23

Contrast Checker

Text on white

3.22:1

AA Fail AAA Fail

Text on black

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