#978DEF

#978DEF

Color Values

HEX

#978DEF

RGB

151, 141, 239

HSL

246,1, 75,4%, 74,5%

HSV

246,1, 41,0%, 93,7%

CMYK

36,8%, 41,0%, 0,0%, 6,3%

OKLCH

0,6933 0,1414 286,8

Properties

Cool Light Nearest: mediumpurple

Color Harmonies

Complementary

#978DEF

#E5EF8D

Analogous

#8DB4EF

#C88DEF

#978DEF

Triadic

#978DEF

#EF978D

#8DEF97

Split Complementary

#978DEF

#EFC88D

#B4EF8D

Tetradic

#978DEF

#EF8DB4

#E5EF8D

#8DEFC8

Color Blindness Simulation

Original

#978DEF

Protanopia

#9393D7

Deuteranopia

#9394D2

Tritanopia

#96C5C0

Achromatopsia

#969696

CSS Usage

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

Tailwind Shades

50
#F3F2FC
100
#E4E2F9
200
#C6C0F6
300
#9D94F0
400
#685AE8
500
#331FE0
600
#2919B3
700
#21148F
800
#191070
900
#161051
950
#0E0A33

Contrast Checker

Text on white

2,85:1

AA Fail AAA Fail

Text on black

7,37: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