#7879BA

#7879BA

Color Values

HEX

#7879BA

RGB

120, 121, 186

HSL

239.1, 32.4%, 60.0%

HSV

239.1, 35.5%, 72.9%

CMYK

35.5%, 34.9%, 0.0%, 27.1%

OKLCH

0.6022 0.0982 282.4

Properties

Cool Light Nearest: RAL 4011 Pearl Violet

Color Harmonies

Complementary

#7879BA

#BAB978

Analogous

#789ABA

#9878BA

#7879BA

Triadic

#7879BA

#BA7879

#79BA78

Split Complementary

#7879BA

#BA9878

#9ABA78

Tetradic

#7879BA

#BA789A

#BAB978

#78BA98

Color Blindness Simulation

Original

#7879BA

Protanopia

#7878AA

Deuteranopia

#7878A6

Tritanopia

#789E9B

Achromatopsia

#7D7D7D

CSS Usage

background-color: #7879BA;
color: #7879BA;
border-color: #7879BA;
Nearest Tailwind: Indigo 300 #A5B4FC

Tailwind Shades

50
#F5F5F9
100
#E8E8F2
200
#D0D0E7
300
#AEAFD6
400
#8283BF
500
#5657A9
600
#454687
700
#37386C
800
#2B2C54
900
#22233F
950
#161628

Contrast Checker

Text on white

4.01:1

AA Fail AAA Fail

Text on black

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