#978EE6

#978EE6

Color Values

HEX

#978EE6

RGB

151, 142, 230

HSL

246.1, 63.8%, 72.9%

HSV

246.1, 38.3%, 90.2%

CMYK

34.3%, 38.3%, 0.0%, 9.8%

OKLCH

0.6905 0.1275 287.2

Properties

Cool Light Nearest: Indigo

Color Harmonies

Complementary

#978EE6

#DDE68E

Analogous

#8EB1E6

#C38EE6

#978EE6

Triadic

#978EE6

#E6978E

#8EE697

Split Complementary

#978EE6

#E6C38E

#B1E68E

Tetradic

#978EE6

#E68EB1

#DDE68E

#8EE6C3

Color Blindness Simulation

Original

#978EE6

Protanopia

#9393D1

Deuteranopia

#9494CC

Tritanopia

#97C0BC

Achromatopsia

#969696

CSS Usage

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

Tailwind Shades

50
#F4F3FB
100
#E5E3F7
200
#C9C5F2
300
#A39BE9
400
#7164DD
500
#3F2ED1
600
#3225A7
700
#281E86
800
#1F1768
900
#1A154C
950
#110D30

Contrast Checker

Text on white

2.87:1

AA Fail AAA Fail

Text on black

7.33:1

AA Pass AAA Pass

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