#787EC6

#787EC6

Color Values

HEX

#787EC6

RGB

120, 126, 198

HSL

235.4, 40.6%, 62.4%

HSV

235.4, 39.4%, 77.6%

CMYK

39.4%, 36.4%, 0.0%, 22.4%

OKLCH

0.6185 0.1086 279.1

Properties

Cool Light Nearest: Indigo

Color Harmonies

Complementary

#787EC6

#C6C078

Analogous

#78A5C6

#9978C6

#787EC6

Triadic

#787EC6

#C6787E

#7EC678

Split Complementary

#787EC6

#C69978

#A5C678

Tetradic

#787EC6

#C678A5

#C6C078

#78C699

Color Blindness Simulation

Original

#787EC6

Protanopia

#7B7BB5

Deuteranopia

#7A7AB0

Tritanopia

#78A7A4

Achromatopsia

#828282

CSS Usage

background-color: #787EC6;
color: #787EC6;
border-color: #787EC6;
Nearest Tailwind: Blue 400 #60A5FA

Tailwind Shades

50
#F5F5FA
100
#E7E8F3
200
#CDCFEA
300
#A9ADDB
400
#7A80C7
500
#4C54B3
600
#3D438F
700
#303673
800
#262A5A
900
#1F2142
950
#13152A

Contrast Checker

Text on white

3.75:1

AA Fail AAA Fail

Text on black

5.6:1

AA Pass AAA Fail

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

Feb 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

Feb 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

Feb 20, 2026