#7978FA

#7978FA

Color Values

HEX

#7978FA

RGB

121, 120, 250

HSL

240.5, 92.9%, 72.5%

HSV

240.5, 52.0%, 98.0%

CMYK

51.6%, 52.0%, 0.0%, 2.0%

OKLCH

0.6387 0.1888 280.0

Properties

Cool Light Nearest: mediumslateblue

Color Harmonies

Complementary

#7978FA

#F9FA78

Analogous

#78B8FA

#BA78FA

#7978FA

Triadic

#7978FA

#FA7978

#78FA79

Split Complementary

#7978FA

#FABA78

#B8FA78

Tetradic

#7978FA

#FA78B8

#F9FA78

#78FABA

Color Blindness Simulation

Original

#7978FA

Protanopia

#7979DB

Deuteranopia

#7979D3

Tritanopia

#79C2BC

Achromatopsia

#828282

CSS Usage

background-color: #7978FA;
color: #7978FA;
border-color: #7978FA;
Nearest Tailwind: Indigo 500 #6366F1

Tailwind Shades

50
#F1F1FD
100
#DFDFFB
200
#BBBAFC
300
#8A89FB
400
#4A49F8
500
#0B09F6
600
#0907C5
700
#07069D
800
#06057B
900
#090859
950
#050538

Contrast Checker

Text on white

3.57:1

AA Fail AAA Fail

Text on black

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