#978DCC

#978DCC

Color Values

HEX

#978DCC

RGB

151, 141, 204

HSL

249.5, 38.2%, 67.6%

HSV

249.5, 30.9%, 80.0%

CMYK

26.0%, 30.9%, 0.0%, 20.0%

OKLCH

0.676 0.0924 291.0

Properties

Cool Light Nearest: Blue Bell

Color Harmonies

Complementary

#978DCC

#C2CC8D

Analogous

#8DA2CC

#B68DCC

#978DCC

Triadic

#978DCC

#CC978D

#8DCC97

Split Complementary

#978DCC

#CCB68D

#A2CC8D

Tetradic

#978DCC

#CC8DA2

#C2CC8D

#8DCCB6

Color Blindness Simulation

Original

#978DCC

Protanopia

#9393BD

Deuteranopia

#9394B9

Tritanopia

#96B1AE

Achromatopsia

#949494

CSS Usage

background-color: #978DCC;
color: #978DCC;
border-color: #978DCC;
Nearest Tailwind: Indigo 300 #A5B4FC

Tailwind Shades

50
#F6F5FA
100
#E9E7F3
200
#D2CEE9
300
#B2AAD9
400
#887DC5
500
#5E4FB0
600
#4B3F8D
700
#3C3271
800
#2F2758
900
#252041
950
#171429

Contrast Checker

Text on white

3.0:1

AA Fail AAA Fail

Text on black

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