#978AC1

#978AC1

Color Values

HEX

#978AC1

RGB

151, 138, 193

HSL

254.2, 30.7%, 64.9%

HSV

254.2, 28.5%, 75.7%

CMYK

21.8%, 28.5%, 0.0%, 24.3%

OKLCH

0.6652 0.0815 294.9

Properties

Cool Light Nearest: RAL 4011 Pearl Violet

Color Harmonies

Complementary

#978AC1

#B4C18A

Analogous

#8A98C1

#B38AC1

#978AC1

Triadic

#978AC1

#C1978A

#8AC197

Split Complementary

#978AC1

#C1B38A

#98C18A

Tetradic

#978AC1

#C18A98

#B4C18A

#8AC1B3

Color Blindness Simulation

Original

#978AC1

Protanopia

#9191B4

Deuteranopia

#9293B0

Tritanopia

#96A9A7

Achromatopsia

#919191

CSS Usage

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

Tailwind Shades

50
#F6F5F9
100
#EBE8F2
200
#D6D0E6
300
#B8AFD5
400
#9184BE
500
#6B58A7
600
#564785
700
#44396B
800
#352C53
900
#29233E
950
#1A1627

Contrast Checker

Text on white

3.12:1

AA Fail AAA Fail

Text on black

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