#978BC1

#978BC1

Color Values

HEX

#978BC1

RGB

151, 139, 193

HSL

253.3, 30.3%, 65.1%

HSV

253.3, 28.0%, 75.7%

CMYK

21.8%, 28.0%, 0.0%, 24.3%

OKLCH

0.6672 0.0799 294.3

Properties

Cool Light Nearest: RAL 4011 Pearl Violet

Color Harmonies

Complementary

#978BC1

#B5C18B

Analogous

#8B9AC1

#B28BC1

#978BC1

Triadic

#978BC1

#C1978B

#8BC197

Split Complementary

#978BC1

#C1B28B

#9AC18B

Tetradic

#978BC1

#C18B9A

#B5C18B

#8BC1B2

Color Blindness Simulation

Original

#978BC1

Protanopia

#9292B4

Deuteranopia

#9293B1

Tritanopia

#96AAA7

Achromatopsia

#919191

CSS Usage

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

Tailwind Shades

50
#F6F5F9
100
#EBE9F2
200
#D5D0E6
300
#B7AFD4
400
#9184BD
500
#6A59A6
600
#554785
700
#44396A
800
#352C53
900
#29233E
950
#1A1627

Contrast Checker

Text on white

3.1:1

AA Fail AAA Fail

Text on black

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