#978FF6

#978FF6

Color Values

HEX

#978FF6

RGB

151, 143, 246

HSL

244.7, 85.1%, 76.3%

HSV

244.7, 41.9%, 96.5%

CMYK

38.6%, 41.9%, 0.0%, 3.5%

OKLCH

0.7008 0.1481 285.4

Properties

Cool Light Nearest: mediumpurple

Color Harmonies

Complementary

#978FF6

#EEF68F

Analogous

#8FBBF6

#CB8FF6

#978FF6

Triadic

#978FF6

#F6978F

#8FF697

Split Complementary

#978FF6

#F6CB8F

#BBF68F

Tetradic

#978FF6

#F68FBB

#EEF68F

#8FF6CB

Color Blindness Simulation

Original

#978FF6

Protanopia

#9493DD

Deuteranopia

#9495D7

Tritanopia

#97C9C5

Achromatopsia

#989898

CSS Usage

background-color: #978FF6;
color: #978FF6;
border-color: #978FF6;
Nearest Tailwind: Indigo 400 #818CF8

Tailwind Shades

50
#F3F2FD
100
#E2E0FA
200
#C2BDFA
300
#968EF6
400
#5D50F1
500
#2413EC
600
#1D0FBD
700
#170C97
800
#120976
900
#110B56
950
#0B0736

Contrast Checker

Text on white

2.77:1

AA Fail AAA Fail

Text on black

7.58:1

AA Pass AAA Pass

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026