#787BC9

#787BC9

Color Values

HEX

#787BC9

RGB

120, 123, 201

HSL

237.8, 42.9%, 62.9%

HSV

237.8, 40.3%, 78.8%

CMYK

40.3%, 38.8%, 0.0%, 21.2%

OKLCH

0.6141 0.1171 280.7

Properties

Cool Light Nearest: Indigo

Color Harmonies

Complementary

#787BC9

#C9C678

Analogous

#78A3C9

#9D78C9

#787BC9

Triadic

#787BC9

#C9787B

#7BC978

Split Complementary

#787BC9

#C99D78

#A3C978

Tetradic

#787BC9

#C978A3

#C9C678

#78C99D

Color Blindness Simulation

Original

#787BC9

Protanopia

#7979B6

Deuteranopia

#7979B2

Tritanopia

#78A7A4

Achromatopsia

#808080

CSS Usage

background-color: #787BC9;
color: #787BC9;
border-color: #787BC9;
Nearest Tailwind: Indigo 400 #818CF8

Tailwind Shades

50
#F5F5FA
100
#E7E7F4
200
#CCCDEB
300
#A8A9DC
400
#787BC9
500
#494DB6
600
#3A3D92
700
#2F3175
800
#24265B
900
#1E1F43
950
#13142A

Contrast Checker

Text on white

3.84:1

AA Fail AAA Fail

Text on black

5.48:1

AA Pass AAA Fail

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

ก.พ. 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

ก.พ. 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

ก.พ. 20, 2026