#787EC4

#787EC4

Color Values

HEX

#787EC4

RGB

120, 126, 196

HSL

235.3, 39.2%, 62.0%

HSV

235.3, 38.8%, 76.9%

CMYK

38.8%, 35.7%, 0.0%, 23.1%

OKLCH

0.6175 0.1056 279.1

Properties

Cool Light Nearest: Indigo

Color Harmonies

Complementary

#787EC4

#C4BE78

Analogous

#78A4C4

#9878C4

#787EC4

Triadic

#787EC4

#C4787E

#7EC478

Split Complementary

#787EC4

#C49878

#A4C478

Tetradic

#787EC4

#C478A4

#C4BE78

#78C498

Color Blindness Simulation

Original

#787EC4

Protanopia

#7B7BB3

Deuteranopia

#7A7AAF

Tritanopia

#78A6A3

Achromatopsia

#828282

CSS Usage

background-color: #787EC4;
color: #787EC4;
border-color: #787EC4;
Nearest Tailwind: Indigo 300 #A5B4FC

Tailwind Shades

50
#F5F5FA
100
#E7E8F3
200
#CDCFE9
300
#AAAEDA
400
#7C81C6
500
#4E55B1
600
#3E448E
700
#323772
800
#272B59
900
#1F2242
950
#141529

Contrast Checker

Text on white

3.76:1

AA Fail AAA Fail

Text on black

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