#7879C2

#7879C2

Color Values

HEX

#7879C2

RGB

120, 121, 194

HSL

239.2, 37.8%, 61.6%

HSV

239.2, 38.1%, 76.1%

CMYK

38.1%, 37.6%, 0.0%, 23.9%

OKLCH

0.6064 0.1099 282.0

Properties

Cool Light Nearest: Indigo

Color Harmonies

Complementary

#7879C2

#C2C178

Analogous

#789EC2

#9C78C2

#7879C2

Triadic

#7879C2

#C27879

#79C278

Split Complementary

#7879C2

#C29C78

#9EC278

Tetradic

#7879C2

#C2789E

#C2C178

#78C29C

Color Blindness Simulation

Original

#7879C2

Protanopia

#7878B0

Deuteranopia

#7878AC

Tritanopia

#78A29F

Achromatopsia

#7E7E7E

CSS Usage

background-color: #7879C2;
color: #7879C2;
border-color: #7879C2;
Nearest Tailwind: Indigo 400 #818CF8

Tailwind Shades

50
#F5F5FA
100
#E7E8F3
200
#CECEE9
300
#ABABD9
400
#7D7EC4
500
#4F51B0
600
#3F408D
700
#333470
800
#282858
900
#202041
950
#141429

Contrast Checker

Text on white

3.95:1

AA Fail AAA Fail

Text on black

5.31:1

AA Pass AAA Fail

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