#978EED

#978EED

Color Values

HEX

#978EED

RGB

151, 142, 237

HSL

245,7, 72,5%, 74,3%

HSV

245,7, 40,1%, 92,9%

CMYK

36,3%, 40,1%, 0,0%, 7,1%

OKLCH

0,6941 0,1372 286,6

Properties

Cool Light Nearest: mediumpurple

Color Harmonies

Complementary

#978EED

#E4ED8E

Analogous

#8EB4ED

#C68EED

#978EED

Triadic

#978EED

#ED978E

#8EED97

Split Complementary

#978EED

#EDC68E

#B4ED8E

Tetradic

#978EED

#ED8EB4

#E4ED8E

#8EEDC6

Color Blindness Simulation

Original

#978EED

Protanopia

#9393D6

Deuteranopia

#9494D0

Tritanopia

#97C4C0

Achromatopsia

#979797

CSS Usage

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

Tailwind Shades

50
#F4F3FC
100
#E4E2F8
200
#C6C1F5
300
#9E95EE
400
#695CE5
500
#3523DC
600
#2A1CB0
700
#22168D
800
#1A126E
900
#171150
950
#0E0B33

Contrast Checker

Text on white

2,83:1

AA Fail AAA Fail

Text on black

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